Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript event.preventDefault()不';不能用按钮吗?_Javascript_Jquery - Fatal编程技术网

Javascript event.preventDefault()不';不能用按钮吗?

Javascript event.preventDefault()不';不能用按钮吗?,javascript,jquery,Javascript,Jquery,为什么我的表单上的.preventDefault()不起作用,甚至alert() <div id="popover-head" class="hide">Add new tab</div> <div id="popover-content" class="hide"> <form class="form-inline" id="myForm" method="POST" action="../admin/FLT_add_tab.do">

为什么我的表单上的
.preventDefault()
不起作用,甚至
alert()

<div id="popover-head" class="hide">Add new tab</div>
<div id="popover-content" class="hide">
    <form class="form-inline" id="myForm"  method="POST" action="../admin/FLT_add_tab.do">
    <div class="form-group">
        <!-- my form -->
        <input type="text" name="newTab"/>
        <button class="btn btn-primary" type="submit" ><i class="icon-white icon-ok"></i></button>
        <button class="btn" type="button" onClick="popRemove();" ><i class="icon-remove"></i></button>
    </div>
     </form>
</div>
我不知道我做错了什么

更新:

具有popover的链接:

<li><a href="#" id="popover"><i class="icon-plus-sign"></i> Tab</a></li>

jsfdle:

因为引导中的popover是动态生成的,所以应该使用以下jquery函数

$(document).on('submit','#myform', function(e) { 
    alert("Thank you for your comment!" + e);
    e.preventDefault();
});

由于bootstrap中的popover是动态生成的,因此应该使用以下jquery函数

$(document).on('submit','#myform', function(e) { 
    alert("Thank you for your comment!" + e);
    e.preventDefault();
});
使用

由于bootstrap中的popover生成了动态元素,所以不能将事件直接绑定到它们

还是更好地利用

$('#popover').on('submit','#myform', function(e) { 
    alert("Thank you for your comment!" + e);
    e.preventDefault();
});
语法

$( elements ).on( events, selector, data, handler );
使用

由于bootstrap中的popover生成了动态元素,所以不能将事件直接绑定到它们

还是更好地利用

$('#popover').on('submit','#myform', function(e) { 
    alert("Thank you for your comment!" + e);
    e.preventDefault();
});
语法

$( elements ).on( events, selector, data, handler );

表单是动态生成的吗?试着用一个
onsubmit
在常规JavaScript中编写表单,并检查错误;jQuery的#1规则是“无声失败”,我在这里摆弄它,它似乎工作得很好!这个代码对我有用。那么,“不工作”是什么意思呢?@optional可选抱歉,我不知道如何在小提琴中制作它,因为它是引导程序的弹出窗口。表单是动态生成的吗?请尝试使用常规JavaScript编写,并在submit上使用
,然后检查错误;jQuery的#1规则是“无声失败”,我在这里摆弄它,它似乎工作得很好!这个代码对我有用。那么你说“不起作用”是什么意思呢?@可选可选对不起,我不知道如何在小提琴上演奏,因为它是引导程序的翻版。啊,是的,它是这样工作的。非常感谢。我会接受这个答案,因为它更重要detailed@newbie欢迎乐于帮助:)@newbie当你发布问题时,我已经准备好了这个答案。这就是为什么我问
表单是动态生成的吗?
。然后我确认了
popover
,然后回答了。啊,是的,它是这样工作的。非常感谢。我会接受这个答案,因为它更重要detailed@newbie欢迎乐于帮助:)@newbie当你发布问题时,我已经准备好了这个答案。这就是为什么我问
表单是动态生成的吗?
。然后我确认了
popover
的问题,然后回答。