javascript - 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();"毫无问题地使用。但是同样，滑块插件非常破碎并且在整个页面上飞溅。

因为它很明显，并且声明，我几乎一无所知。

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

谢谢

/布莱恩

score 1 · Accepted Answer

尝试改变：

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

到：

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

score 1 · Accepted Answer

你必须使用$jx或jQuery

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

score 0 · Accepted Answer

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

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

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

3 回答 3