当我点击它时,我的按钮不起作用没有任何反应。 这是我的HTML:
<form id="myform" name="myform" action="senden.php" method="get">
<ul><div>
<li>
<button id="testbutton" name="testbutton" value="abgesendet2" type="button">test</button>
<p> Felder mit einem Stern müssen ausgefüllt werden! </p>
</ul>
</form>
这是我的jQuery(按钮在表单中):
<script>
jQuery('document').ready(function(){
$("#myform").on('click', '#testbutton', function(){
alert("test");
});
});
</script>
答案 0 :(得分:1)
你只需做一个小改动。将点击直接附加到目标按钮,它将起作用。
$('document').ready(function(){
$("#testbutton").on('click', function(){
alert("test");
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="testbutton" name="testbutton" value="abgesendet2" type="button">test</button>
答案 1 :(得分:0)
您的代码似乎工作正常,您确定包括jquery吗? 这是我测试的:
<script src="http://code.jquery.com/jquery-latest.min.js"
type="text/javascript"></script>
<script>
jQuery('document').ready(function(){
$("#myform").on('click', '#testbutton', function(){
alert("test");
});
});
</script>
<form id="myform" name="myform" action="senden.php" method="get">
<ul><div>
<li>
<button id="testbutton" name="testbutton" value="abgesendet2" type="button">test</button>
<p> Felder mit einem Stern müssen ausgefüllt werden! </p>
</ul>
</form>
这也是jsfiddle。它有用吗?