Question

关于代码的两个部分的组合，我遇到了问题。仅此代码工作正常：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 <script src="jquery.panelslider.min.js"></script>

 <script>
     $('#left-panel-link').panelslider();
     $('#close-panel-bt').click(function() {
         $.panelslider.close();
     });

但是当我在下面添加这个时，第二个函数（panelslider.close）不再工作了。而且，代码的第二部分的加载功能也不起作用。

$(document).ready(function() {
    $('#content').load('content/index.php');
    $('ul#menuslider li a').click(function() {
        var page = $(this).attr('href');
        $('#content').load('content/' + page + '.php');
        });
    });

我可能错过了一些重要的事情？欢迎任何帮助，因为我不知道使用哪个关键字来寻找解决方案。我已经尝试过“结合ajax和jquery”，“加载不工作”等等，但没有成功。

提前致谢！纳斯

Answer 1

这样的事情：

<script>
(function($){

    $('#left-panel-link').panelslider();
    var content = $('#content');
    content.load('content/index.php');

    $(document)
    .on('click', '#close-panel-bt', function() {
         console.log("about to close the panel");
         $.panelslider.close();
    })
    .on('click', 'ul#menuslider li a', function() {
        var page = $(this).attr('href');
        console.log("about to reload content");
        content.load('content/' + page + '.php');
    });

}(jQuery));
</script>

jquery load函数与其他js代码不兼容

1 个答案: