[jQuery] Jquer.live and facebox
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