Question

我不是编码器所以不知道如何将以下两个脚本组合起来以便它们都能正常工作。我尝试了很多但无济于事。任何帮助表示赞赏。

1

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <link type="text/css" rel="stylesheet" href="/scripts/fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />
    <script type="text/javascript" src="/scripts/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
        <script>
            $(document).ready(function() {
                $('.fancybox').fancybox({
                  padding : [25, 15, 20, 30],
                    helpers: {
                    title  : null,
                    }
                });
            });
        </script>

2

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script>
    $(document).ready(function() {
        $('.answer').hide();
        $('.question').live('click', function() {
            $(this).next().slideToggle();
        });
    });
    </script>

Answer 1

只加载更新版本的jQuery（可能不是latest - 这有点冒险），然后将脚本转换为：

$(document).ready(function() {
    $('.answer').hide();
    $('.question').on('click', function() {     // <--- 'live' becomes 'on'
        $(this).next().slideToggle();
    });
});

Answer 2

试试这个，我还会将你的链接（页面顶部）和脚本（页面底部）分开。

<link type="text/css" rel="stylesheet" href="/scripts/fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="/scripts/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>

    <script>
        $(document).ready(function() {
            $('.answer').hide();
            $('.question').on('click', function() {
                $(this).next().slideToggle();
            });

            $('.fancybox').fancybox({
                padding : [25, 15, 20, 30],
                helpers: {
                    title  : null,
                }
            });
        });
    </script>

Answer 3

删除jQuery 1.4.2 include并将第二个脚本更改为：

$(document).ready(function() {
    $('.answer').hide();
    $(document).on('click', '.question', function() {   //$.on() version of $.live()
        $(this).next().slideToggle();
    });
});

两个jQuery脚本在一个页面上冲突

3 个答案: