jquery - jQuery 在测试小提琴中有效，但在网站中无效

Question

我有这段简短的代码，只需单击一个按钮即可将内容从一个 div 复制到另一个：

<a id="btn123">CLICK ME</a>
<div id="test1"></div>
<div id="test2">
<h1>Heading</h1>
</div>

$("#btn1").click(function(){
     $('#test1').html($('#test2').contents());
});

这在这里工作正常http://jsfiddle.net/9hnZx/但是当我把它放到我的网站上时它不会起作用，有人知道为什么吗？谢谢

http://bettondesignwork.co.uk/tim/j3mobile/

Answer 1

$不再是 jQuery 对象的别名。

您明确包含“jquery-noconflict.js”，其唯一内容是jQuery.noConflict();. 此行的明确意图是从 jQuery取消别名$。

以下作品：

jQuery("#btn1").click(function(){
     $jQuery('#test1').html(jQuery('#test2').contents());
});

Answer 2

我建议你做两件事

1. 包括 jQuery 库
2. 使用 document.ready。

Answer 3

在joomla中，jquery和motools之间存在冲突。测试它：

var jQuery = jQuery.noConflict();
jQuery("#btn1").on('click', function(){
      jQuery('#test1').html(jQuery('#test2').contents());
});