來自PHP的jquery替換DIV內容

在頁面中，我在摘錄結尾處添加了「閱讀更多」的摘錄帖子，因此我嘗試用「閱讀更多」單擊替換包含摘錄的div的內容與全文。當點擊「閱讀更多」時，點擊事件中沒有任何事情發生。這裏是我的function.php來自PHP的jquery替換DIV內容

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 */ 
    }

哪裏是錯誤的代碼和平？請幫助這是我第一次嘗試爲網絡做點什麼。

感謝大家！這是適用於我的代碼：

<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>

來源

2012-12-18 Semir Resimović

你有沒有試過將jquery代碼移到頁面中的單個位置，在$（document）.ready'調用中？ – jaudette

您是否試圖在點擊事件中添加警報來檢查它是否到達那裏？ –

你爲什麼用javascript打印出javascript？沒有必要，只需將它添加到頁面，如jaudette建議的那樣。 – qwerty

您在實際內容之前輸出腳本。因爲這個$（'。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-18 12:40:26

代碼現在是在footer.php略高於和看起來像這樣： <腳本類型= 「文本/ JavaScript的」> $（文件）。就緒（函數（）{ $（」更多 - 。鏈接'）。click（function（event）{ $（this）.parent（'div'）。load（$（this）.attr（'href'））; //加載數據 event.preventDefault（） ; //防止瀏覽器跟隨鏈接 }）; }）; 但是沒有噴氣機。 –

你有jQuery嗎？它是否在noConflict模式下工作？檢查控制檯是否有任何JS錯誤 –

終於找到了錯誤：這裏有人可能有同樣的問題。 –

來自PHP的jquery替換DIV內容

回答

相關問題