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

jQuery plugin conflicting with other basic show/hide functions

本文关键字：显示 隐藏 功能 冲突 插件 其他 jQuery      更新时间：2023-09-26

我买了一个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();"。但是，滑块插件又坏了，到处都是。

显而易见的是，我几乎一无所知。

有人能帮我了解这是什么时候发生的吗？

感谢

/Brian

尝试更改：

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

至：

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

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

您必须使用$jx或jQuery

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

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

因此，在调用noConflict之后，所有jQuery调用都需要用该变量替换美元符号。因此，在您的示例中，只需执行以下操作：

onclick="$jx('#someid').toggle();"
相关文章：