Question

我对Javascript不太满意，我目前正在尝试为div添加一个手风琴功能，以便我可以透露更多细节。这是我目前的移动网站 http://txf4199.cias.rit.edu/mobile-test-4/index.html#work

问题：我可以点击“查看更多”，手风琴效果在显示内容时效果很好。但是，如果我在网站顶部使用过滤器（“移动”，“动作”等），手风琴效果将不再起作用。

FYI：过滤器使用的是quicksand.js（过滤插件）＆amp;还有main.js（自定义脚本），但手风琴效果只是使用内联脚本，因为它太小了。

以下是我的js文件列表：

<!-- jQuery -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" language="javascript">
    $(document).ready(function() {
        $('.accordionButton').click(function() {
            $(this).next().slideToggle();
        });
    });
</script>

我已经查找了文档就绪函数，认为不止一个是问题，但它是可以接受的，所以我不知道还有什么要看的。任何帮助将不胜感激，我会像鹰一样看这篇文章，提前谢谢你！

Answer 1

尝试删除对jquery 1.5的引用。你包括jquery 1.7.1和jquery 1.5。我想这可能会导致一些问题。还尝试使用烘焙到jqm中的默认可折叠行为。在这里阅读更多http://jquerymobile.com/demos/1.1.0-rc.2/docs/content/content-collapsible.html

更新

哦，也不要使用文件准备好了。而是绑定到pageinit事件。

$(document).on('pageinit','[data-role=page]',function(){
    put code that you want for every page here.
});

jQuery / Javascript取消（或覆盖？）

1 个答案: