I have used the facebox plugin with a simple

<a rel="facebox" href="#21">21</a>

in the head i have set

jQuery(document).ready(function($) {

                                      $(\'a[rel*=facebox]\').facebox({
                                                faceboxHtml: \'<div 
id="facebox" style="display:none;"> \
                                                      <div class="popup"> \
                                                        <table> \
                                                          <tbody> \
                                                            <tr> \
                                                              <td 
class="tl"/><td class="b"/><td class="tr"/> \
                                                            </tr> \
                                                            <tr> \
                                                              <td class="b"/> \
                                                              <td class="body"> 
\
                                                                <div 
class="content"> \
                                                                </div> \
                                                                <div 
class="footer"> \

                                                                  </a> \
                                                                </div> \
                                                              </td> \
                                                              <td class="b"/> \
                                                            </tr> \
                                                            <tr> \
                                                              <td 
class="bl"/><td class="b"/><td class="br"/> \
                                                            </tr> \
                                                          </tbody> \
                                                        </table> \
                                                      </div> \
                                                    </div>\',
                                      })
                                    })

If i call an ajax function and recreate the

<a rel="facebox" href="#210">210</a>

obvious the link don't work. It is neccesary the live query plugin,...
but i have not event to bind the live query plugin. I have try with

        jQuery(document).ready(function($) {
                                                
$(\'a[rel*=facebox]\').livequery(\'click\', function(event) {
                                                $(\'a[rel*=facebox]\').facebox({
                                                                        
faceboxHtml: \'<div id="facebox" style="display:none;"> \
                                                                      <div 
class="popup"> \
                                                                        <table> 
\
                                                                          
<tbody> \
                                                                            
<tr> \
                                                                              
<td class="tl"/><td class="b"/><td class="tr"/>
\
                                                                            
</tr> \
                                                                            
<tr> \
                                                                              
<td class="b"/> \
                                                                              
<td class="body"> \
                                                                                
<div class="content"> \
                                                                                
</div> \
                                                                                
<div class="footer"> \

                                                                                
  </a> \
                                                                                
</div> \
                                                                              
</td> \
                                                                              
<td class="b"/> \
                                                                            
</tr> \
                                                                            
<tr> \
                                                                              
<td class="bl"/><td class="b"/><td class="br"/>
\
                                                                            
</tr> \
                                                                          
</tbody> \
                                                                        
</table> \
                                                                      </div> \
                                                                    </div>\',
                                                      })
                                            });
                                        });

but the code is not working.
How i do? Thank you

Reply via email to