jQueryで要素のhtmlを変更し、PHPをインクルードしようとしています。PHPを除けば、すべて正常に動作します。これが私が持っているものです:
$('.gridheader').each(function(index){
$(this).toggle(function (){
$('.gridimage:eq('+index+'), .gridinfo:eq('+index+')').slideToggle();
$('.gridheadinfo:eq('+index+')').html('Click to close <img src="<?php echo base_url() ?>/assets/images/closetab.png" width="10" height="10" />');
}, function(){
$('.gridimage:eq('+index+'), .gridinfo:eq('+index+')').slideToggle();
$('.gridheadinfo:eq('+index+')').html('Click for info <img src="<?php echo base_url() ?>/assets/images/scrollup.png" width="11" height="10" />');
});
});
私は元々そこに画像を持っています(HTML):
<div class="float-left">Kredible</div><div class="float-right gridheadinfo">Click for info <img src="<?php echo base_url() ?>assets/images/scrollup.png" width="11" height="10" /></div></div>
HTMLは正常に機能しますが、jQueryを使用してHTMLを変更すると、画像が表示されません。変更後にインスペクターで確認しましたが、PHPがHTMLに変換されるのではなくPHPとして表示されますか?
私はかなり困惑しています。
ありがとう。