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
答
是jQuery库包含在由AJAX调用页面?这可能是解决的办法就包括
<script src="js/jquery.js"></script>
你的AJAX页面<head>
标签
这是不是这样的,因为插件运行画面分割不使用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