我有这个工作 jQuery + 内联 javascript,这会导致与现有 jQuery 发生冲突。
<script>
var jq=jQuery.noConflict();
function goto(id, t){
jq(".contentbox-wrapper").animate({"left": -(jq(id).position().left)}, 600);
jq('#slide a').removeClass('active');
jq(t).addClass('active');
}
</script>
<a class="active" href="#" onClick="goto('#kr', this); return false">
<a class="active" href="#" onClick="goto('#en', this); return false">
(如您所见,我已尝试解决冲突,但我相信冲突是由内联 javascript 引起的。)
如何转换这个内联 JavaScript?谢谢。
最佳答案
你可以像这样绑定(bind)它:
<script>
//var jq=jQuery.noConflict();
function goto1(id, t){
...
return false; // return false to prevent the link's default action
}
// means once your DOM is ready, and a.active is available to be bound
$(document).ready(function() {
// bind all clicks on a.active to the function 'goto1'
$('a.active').click(goto1);
});
</script>
诸如goto
之类的变量名称可能会成为以后造成困惑的潜在原因。将上面的内容更改为 goto1
。
关于javascript - 如何将 javascript 内联代码转换为 jQuery?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15644958/