use jquery inside data returnd by ajax using " innerHtml"
Posted
by me.again
on Stack Overflow
See other posts from Stack Overflow
or by me.again
Published on 2009-11-21T03:40:33Z
Indexed on
2010/06/05
17:02 UTC
Read the original article
Hit count: 155
jQuery
hi ,
I want to use jquery inside data returnd by ajax using " innerHtml" .. look here ,
<a href=\"#\"
onclick=\"$.post('". $url ."', {'t' : 't'}, function(data){
$('content_rows').attr('innerHTML',data);}); " . $this->js_rebind .";return false;\">"
$text .'</a>';
this link makes moving between the pages by ajax "by reloading the div that contains the data" , without - of course - reloading whole page . like this :
<div id="content_rows">
rows from mysql database
</div>
now everything is Ok , but , I use " detailsRow Plugin " like this :
<script type="text/javascript">
$(document).ready(function() {
$('#rows').detailsRow('admin/blog/detailsRow',{
data:{"id":"id"} ,
dataType: "script"
});
});
</script>
this plugin makes every TR/Row in the table get more details by click (+-) .. go there : http://webworkflow.co.uk/plugins/detailsRow/
now this plugin works fine in the frist page ( before reload the div by jquery ) but after reloading the div and in the other pages or also when I go back to the frsit page it dos`nt work .. I put the code inside content_rows div like this :
<div id="content_rows">
<script type="text/javascript">
$(document).ready(function() {
$('#rows').detailsRow('admin/blog/detailsRow',{
data:{"id":"id"} ,
dataType: "script"
});
});
</script>
</div>
but also doesnt work .. sorry I`m beginner in jQuery .. thanks ..
© Stack Overflow or respective owner