jQuery在测试小提琴中工作但不在网站中

Question

我有这么短的代码，只需点击一下按钮就可以将内容从一个div复制到另一个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 unalias $。

以下作品：

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());
});