Question

我是新人。我在一个html文件中使用PrettyPhoto Lightbox和Flexslider。每当我将PrettyPhoto放在页面底部时，就在关闭正文标签之前，它会使我的Flex Slider消失，并且PrettyPhoto灯箱没有正确配置。我知道之前已经回答了，但我不明白答案。有人可以向我重新说出来吗？

以下是html文件：

<!-- Javascript -->
<script src="/js/jquery.flexslider.js"></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        ("a[rel^='prettyPhoto']").prettyPhoto();
    });
    </script>
</body>

Answer 1

在包含jQuery本身之前运行使用jQuery的脚本是不行的。

在包含该功能之前，您无法调用该功能。

Answer 2

Concept Verification Demo

您最有可能包括jQuery的多个版本 - 每个插件一个版本 - 这就是问题所在。您可以使用jQuery.noConflict，或者执行以下操作：

<script src="jquery-for-plugin1.js"></script>
<script>
    $(function( $ ) {
        //initialize plugin 1
    });
</script>

<script src="jquery-for-plugin2.js"></script>
<script>
    $(function( $ ) {
        //initialize plugin 2
    });
</script>

<script src="jquery-for-plugin3.js"></script>
<script>
    $(function( $ ) {
        //initialize plugin 3
    });
</script>

如何在一个html文件中调用两个脚本

2 个答案: