使用jqTransform单击事件

时间:2013-05-07 01:34:13

标签: jquery click jqtransform

如何从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()方法是将事件处理程序附加到文档的首选方法。

1 个答案:

答案 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 将会有效