Question

我正在建立一个网站，我的插件工作正常。

但是当我试图将它插入我的网站时，它就会停止工作。经过一些测试后，我注意到在使用ajax加载内容后发生了这种情况。在这里搜索，我看到了一个类似的问题，解决方案是在Jquery中使用.on（）事件。我这样做了，但stilldoes不起作用。

我做错了什么？（我是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;
});
});

我正在尝试运行的插件是一个外部插件：Split Layout。我从这个网站上得到了它：http://tympanus.net/codrops/2013/10/25/split-layout/

这是它的js脚本的粘贴：http://pastebin.com/yfJXGR8f

Answer 1

JAX库是否包含在AJAX调用的页面中？这可能只是包含

的解决方案

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

在您的AJAX页面上<head>标记

使用ajax加载页面后，jquery不起作用

1 个答案: