Javascript 单击事件不会发生
嗨，谢谢你的阅读。我一直在试图避免使用HTMLJavascript 单击事件不会发生,javascript,onclick,jquery,jquery-on,Javascript,Onclick,Jquery,Jquery On,嗨，谢谢你的阅读。我一直在试图避免使用HTMLonclick=“\uu”引用，而是将这些事件放在我的.js文件中。在阅读了jQuery的.click（）和.on（）事件之后，我尝试在代码中使用它作为按钮 编辑在我匆忙编写一个没有剩余内容的时，我输入了“name”而不是“id”。许多答案都建议我要么切换到p[name=p+或#p+参考，但我的主要问题是，在引用id/名称之前，我甚至无法触发警报。再次感谢您的回答 HTML: 当我单击按钮时，上面的代码甚至无法到达警报。我还尝试按名称和ID引用按钮，
onclick=“\uu”p[name=p+#p+$（document）.ready（$（'.deleter'））\uuuuuuu$（处理程序）onclick=“deleteButton（）”deleteButton（）$（此）.on（）<script type="text/javascript"
src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="javascript/index.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">Card Draw Probability Calculator</div>
<div id="main">
<div id="cardList">
<fieldset>
<legend> Select cards for probability calculation</legend>
<div id="innerCardList"></div>
抽卡概率计算器
选择卡片进行概率计算
function newestCardListLineMaker() {
var $newLine = $('<p id="newestPara"><input type="checkbox" name="new" value="none"/> <input class="cardText" type="text" maxlength="30" name="newestCard" /> Quantity <input type="text" maxlength="1" class="quantityText" name="newestQuant" /><button class="deleter" id="newestDelete">Delete</button><br/></p>');
$("#innerCardList").append($newLine);
函数newestCardListLineMaker（）{
var$newLine=$（'数量删除
）；
$（“#innerCardList”）.append（$newLine）；
另一个注意事项，我以前应该看到它的重要性：
.click.On（click，handler）<p id="pBananas"> junk </p>
<button class="deleter" id="dBananas" name="Bananas">Delete</button>
对我来说，它是有效的。但没有删除段落元素，因此您的代码应该如下所示：
<p id="pBananas"> junk </p>
<button class="deleter" id="dBananas" name="Bananas">Delete</button>
<p id="pBananas"> junk </p>
<button class="deleter" id="dBananas" name="Bananas">Delete</button>
$(document).ready(function() {
$('.deleter').click(function() {
alert('click function works');
$("#p" + $(this).attr("name")).hide();
});
});
<p id="pBananas"> junk </p>
<button class="deleter" id="dBananas" name="Bananas">Delete</button>
$(document).ready(function() {
$('.deleter').click(function() {
alert('click function works');
$("#p" + $(this).attr("name")).hide();
});
});
$(document).ready({
$('.deleter').on('click', function(){
//do stuff here
});
});
$(document).ready({
$('div_above_.deleter').on('click', '.deleter', function(){
// do stuff here
});
});
$(document).ready({
$('.deleter').on('click', function(){
//do stuff here
});
});
$(document).ready({
$('div_above_.deleter').on('click', '.deleter', function(){
// do stuff here
});
});
希望这对您有所帮助。我已经修改了您的javascript代码，请检查它
$('.deleter').click(function() {
alert('click function works');
var p="p"+$(this).attr("name");
$('p[name='+p+']').remove();
});
我已经修改了你的javascript代码检查它
$('.deleter').click(function() {
alert('click function works');
var p="p"+$(this).attr("name");
$('p[name='+p+']').remove();
});
我用来完成（'click'）事件的最后一个代码是：
$(document).ready(function() {
$("div#innerCardList").on("click", "button.deleter", function() {
var paraName = $(this).closest("p").attr("id");
$("#" + paraName).remove();
});
});
感谢所有的帮助和不同的观点！我用来完成（'click'）事件的最后一段代码是：
$(document).ready(function() {
$("div#innerCardList").on("click", "button.deleter", function() {
var paraName = $(this).closest("p").attr("id");
$("#" + paraName).remove();
});
});
感谢所有的帮助和不同的观点！检查您的演示您的代码似乎可以独立运行检查您的HTML文档中是否包含对jQuery的引用？另外，您的script.js文件是否在该引用下面？要删除该引用，可以是：
$（[name=p”+$（this.attr（“name”）+“]）。删除（）；$（[name=p”+$（this.attr（“name”）+“]）。删除（）