0

ページには、抜粋の最後に「続きを読む」を含む抜粋投稿があるため、抜粋を含む div のコンテンツを投稿の全長に置き換えて、「続きを読む」をクリックします。「続きを読む」をクリックすると、クリックイベントで何も起こりません。これが私のfunction.phpのコードの平和です

 if ($show_more_tag) {
        $excerpt = $excerpt.' <a class="more-link" href="'.$perma_link.'">'.$more_tag.'</a>';
        /* JQuery Start*/
                   echo '<script type="text/javascript">
                     $(".more-link").click(function(event) {
                    $(this).parent("div").load($(this).attr("href")); //load the data
                    event.preventDefault(); // prevent the browser from following the link
                      });
                    </script>';
        /* JQuery End */
    }

どこが間違い？これが私の最初のWeb用の作成の試みです。

皆さんに感謝します！これは私のために働くコードです:

<script type="text/javascript">
    $(document).ready(function() 
    {
        $('.more-link').click(function(event) 
        {
            event.preventDefault();
            $(this).parents('div:eq(0)').load($(this).attr('href') + ' #container', function()
            {
                $('#container .PicturePlaceHolder a').each(function(index, el) 
                    {
                    $(el).addClass('fancybox');
                    });
                    $('#container .fancybox').fancybox(
                    {
                    'transitionIn' : 'elastic', 
                    'transitionOut' : 'elastic',
                    'centerOnScroll': 'true',
                    'cyclic' : 'true'
                    });
            });
        });
    });
</script>
4

1 に答える 1

0

実際のコンテンツの前にスクリプトを出力しています。このため、 $('.more-link') セレクターは何にも一致しません。JS コードを document.ready コールバックでラップします。

 /* JQuery Start*/
 echo '<script type="text/javascript">
 $(function(){
   $(".more-link").click(function(event) {
     $(this).parent("div").load($(this).attr("href")); //load the data
     event.preventDefault(); // prevent the browser from following the link
   });
});
</script>';
/* JQuery End */
于 2012-12-18T12:40:26.190 に答える