我买了一个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();"