jQuery在html有效在jsp无效的原因及解决方法_jquery_动视

jQuery在html有效在jsp无效的原因及解决方法_jquery

2020-11-27 21:12:29 责编:小采

最近用jQuery来写下拉框的选项值的左右移动，代码如下：
代码如下:

无标题文档

$(function(){
$("input").hover(function(){
$(this).val("")
},
function(){
$(this).val(this.defaultValue)
}
)
})

jQuery(function(){
//左侧加到右侧
jQuery("#add").click(function(){$("#select1 option:selected").appendTo("#select2")})

//右侧加到左边
jQuery("#remove").click(function(){$("#select2 option:selected").appendTo("#select1")})

//全部加到右边
jQuery("#add_all").click(function(){$("#select1 option").appendTo("#select2")})

//全部移动左边
$("#remove_all").click(function(){$("#select2 option").appendTo("#select1")})

//双击加到右边
$("#select1").dblclick(function(){$("option:selected",this).appendTo("#select2")})
//双击移动左边
$("#select2").dblclick(function(){$("option:selected",this).appendTo("#select1")})
})

function len(){
var sel = document.getElementById("select2");
alert(sel.length);
}

全部添加到右边>>

<<全部删除到左边

用这个文件浏览的时候是可以用的，但是放到jsp里面就不能用了。笨方法来解决，写个alert方法看看报什么错，发现了问题所在：
jQuery的function前面的$与JSP页面的JSTL的$冲突了，直接导致不认识此对象方法。
解决办法：
把jQuery代码里面的$全改成jQuery就可以正常使用了！

下载本文

显示全文

全部频道