Question

我有一个问题，在一个页面中放入2个jquery脚本。只有一个工作，直到我删除第二个脚本另一个工作。这是简单滑块的代码

<script type="text/javascript" src="js/jquery.js"></script>

$（文件）。就绪（函数（）{ $（ “＃滑盖”）。easySlider（{ auto：true，连续的：真的 }）; }）; 我把它放在头部标签中。

这是漂亮的照片脚本，我把它放在身体标签的末尾。

<script type="text/javascript" charset="utf-8">

（文档）$。就绪（函数（）{ $（ “一个[相对^ = 'prettyPhoto']”）prettyPhoto（）; }）; 希望任何人都能给我答案，让他们两个在同一页面上工作。这是我的网站，你可以检查问题 http://www.osmanassem.com/ 谢谢

Answer 1

您可能只想将两个调用放在同一个document.ready函数中：

<script type="text/javascript">
    $(document).ready(function(){   
        $("#slider").easySlider({
            auto: true, 
            continuous: true
        });
        $(".gallery a[rel^='prettyPhoto']").prettyPhoto({theme:'dark_square'});

    }); 
</script>

Answer 2

在其他问题（doctororange完全正确）中，您的jQuery搜索字符串为$("a[rel^='prettyPhoto']") - 这意味着您将prettyPhoto应用于<a>（或rel="prettyPhoto"的所有rel元素以“prettyPhoto”开头。据我所知，您的页面中不存在任何类似内容。你想用什么作为弹出框的激活器？

如何结合“简单的滑块”和“prettyphoto”jquery插件？

2 个答案: