如何从jqTransform选择框中获取选定值?
HTML:
<form>
<select>
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
</form>
JS:
$('form').jqTransform();
$(document).on("click", ".jqTransformSelectWrapper ul li a", function()
{
alert("ok");
});
上面的示例代码没有触发,我不知道为什么:(
jsfiddle:http://jsfiddle.net/matias/ghFdC/
编辑1:我应该指出选择框是动态添加的,然后我应用插件,因此.on()
编辑2 :我更喜欢使用.on()
代替.bind()
。来自jQuery:“从jQuery 1.7开始,.on()方法是将事件处理程序附加到文档的首选方法。”
答案 0 :(得分:2)
本例中的问题是jquery.jqtransform.js,在第273行中使用:
$ul.find('a').click(function(){
最后使用 return false ,然后通过jquery调用
event.preventDefault();
event.stopPropagation();
然后停在那里......
显然这会停止上的代理人,但这不会发生:
$('form').jqTransform();
$('.jqTransformSelectWrapper ul li a').bind('click',function(){
alert('ok');
});
如果你有所帮助,你可以删除 return false (jquery.jqtransform.js),我认为 on 将会有效