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页面后无法工作

回答

相关问题