jQuery插件与其他基本的显示/隐藏功能冲突

Question

我买了（由于缺乏教育而没有自己编码，等等，等等）jQuery图像滑块/导航插件。它运行正常，我已经适当地调整了图像和CSS。

问题是当滑块工作正常时，我无法使用显示/隐藏onClick事件，例如$('#someId').toggle();。

使用试验和错误我发现在html页面上注释几行js允许显示/隐藏功能起作用，但滑块坏了，。

我评论的js出现在滑块图像（插件）之后。

questin中的JS代码是：

<script type="text/javascript">
        var $jx = jQuery.noConflict();
            $jx('.slidedeck').slidedeck();
        </script>

使用html注释时，我可以毫无问题地使用onclick="$('#someId').toggle();"。但同样，滑块插件非常破碎并且遍布整个页面。

因为它很明显，并且说，我几乎什么都不知道。

任何人都可以帮助我了解这种情况何时发生？

由于

/布赖恩

Answer 1

尝试改变：

<script type="text/javascript">
    var $jx = jQuery.noConflict();
        $jx('.slidedeck').slidedeck();
</script>

为：

<script type="text/javascript">
    $('.slidedeck').slidedeck();
</script>

Answer 2

http://api.jquery.com/jQuery.noConflict/

您必须使用$jx或jQuery

ex：onclick="jQuery('#someId').toggle();"

Answer 3

美元符号是jQuery方法的别名。因为还有其他JavaScript库也可以使用美元符号，所以jQuery提供了noConflict方法，该方法基本上将jQuery方法重命名为您设置它的变量。 （这样，它不会与其他库冲突。）

因此，在调用noConflict之后，所有jQuery调用都需要用该变量替换美元符号。所以在你的例子中，只需这样做：

onclick="$jx('#someid').toggle();"