jquery在加載ajax頁面後無法工作

我正在構建一個網站，並且我的插件工作正常。jquery在加載ajax頁面後無法工作

但是，當我試圖將其插入我的網站它停止工作。經過一些測試後，我發現這是在用ajax加載內容之後發生的。在這裏搜索，我看到了類似的問題，解決方案是使用.on（）事件與Jquery。我做到了，但仍然沒有工作。

我到底做錯了什麼？（我是新來的jQuery，不明白，很多）

這裏是我有：

HTML：

<head> 
    <meta charset="UTF-8" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <link rel="stylesheet" type="text/css" href="css/component.css" /> 
    <script src="js/jquery.js"></script> 
    <script src="js/modernizr.custom.js"></script> 
    <script src="js/script.js"></script> 
</head> 
<body> 
<ul id="list"> 
    <li><a href="home">Home</a></li> 
    <li><a href="split">Split</a></li> 
    <li><a href="contact">Contact</a></li> 
</ul> 

<div id="content"><!-- content ajax --> 

</div><!-- /content ajax --> 


    <script src="js/classie.js"></script> 
    <script src="js/cbpSplitLayout.js"></script> 
</body>

的script.js（加載頁面）

$(document).ready(function(){ 

    $('#content').load('content/home.php'); 

    $('#list').on('click', 'a', function() { 
     console.log('log confirm'); 
     var page = $(this).attr('href'); 

     $('#content').load('content/' + page + '.php'); 
     return false; 
}); 
});

而我試圖運行的插件是一個外部插件：分割佈局。我從這個網站在這裏得到它：http://tympanus.net/codrops/2013/10/25/split-layout/

這是一個引擎收錄到它的js腳本：http://pastebin.com/yfJXGR8f

來源

2014-09-23 celsomtrindade

是jQuery庫包含在由AJAX調用頁面？這可能是解決的辦法就包括

<script src="js/jquery.js"></script>

你的AJAX頁面<head>標籤

來源

2014-09-23 17:53:08

這是不是這樣的，因爲插件運行畫面分割不使用jquery。只需要使用modernizr，classie和它自己的腳本（cbpSplitLayout.js）。我擁有的jquery.js是將頁面加載到div #container中。我整天試圖找到解決辦法，但我不能。編輯：順便說一下，我試圖做到這一點後，你說，並可以證實它不起作用。 – celsomtrindade 2014-09-23 18:01:24

嗯，我確實嘗試了你所說的，但是用了不同的腳本。我將cbpSplitLayout.js放置在各自的laoding頁面中，現在正在工作。感謝提示= D – celsomtrindade 2014-09-23 18:07:42

jquery在加載ajax頁面後無法工作

回答

相關問題