Javascript 加载ajax后找不到按钮
我有一些填充表的代码,其中有一些按钮,这些按钮执行AJAX加载。这很好,它将内容加载到一个名为“DIV1”的DIV中。我似乎找不到任何按钮,当他们被点击在该DIV1,他们在DOM树中丢失了我想 我必须得到原始表中名为“mainstuff”的按钮的代码,这很好用Javascript 加载ajax后找不到按钮,javascript,jquery,ajax,dom,button,Javascript,Jquery,Ajax,Dom,Button,我有一些填充表的代码,其中有一些按钮,这些按钮执行AJAX加载。这很好,它将内容加载到一个名为“DIV1”的DIV中。我似乎找不到任何按钮,当他们被点击在该DIV1,他们在DOM树中丢失了我想 我必须得到原始表中名为“mainstuff”的按钮的代码,这很好用 $(document).ready(function(){ $(".mainstuff button").click(function(){ $('#loader').show(); status
$(document).ready(function(){
$(".mainstuff button").click(function(){
$('#loader').show();
status = $(this).attr("data-name");
var new_url = "demo_text.php?job_id="+status;
//alert(status);
$("#div1").load(new_url);
});
});
AJAX加载会产生以下结果:
echo "<table class='mainTable'>
<tbody>
<tr>
<td width='50%'><li>Pick up time : <B>".$new_date."</B></li><li>Pick up time : <B>".$p_time."</B></li><li>Pick up address : <B>".$p_address."</B></li><li>Destination address : <B>".$d_address."</B></li><li>Return date : <B>".$d_date_new."</B></li><li>Return time : <B>".$d_time."</B></li><li>Number of passengers : <B>".$pax."</B></li><li>Estimated distance : <B>".$est_dist."</B></li><li>Estimated time : <B>".$est_time."</B></li></td>
<td width='50%' id='description'><li>Purpose : <B>".$purpose."</B></li><li>Extra requirements : <B>".$list."</B></li><li>Notes : <B>".$notes."</B></li><li>Current bids : <B>12</B></li><li>Lowest bid : <B>£180</B></li><li>Your lowest bid : <B>£160</B></li><li>Make a new bid of : £<input id='bid_amount' type='text'><button id='identify_this_btn' data='".$job_id."' type='button' class='btn btn-bid'><span class='glyphicon glyphicon-pencil'></span> MAKE BID </button></li><div id='actions'><button type='button' class='btn btn-success' onclick='closedown()'><span class='glyphicon glyphicon-remove-circle'></span> CLOSE </button></div></td>
</tr>
</tbody>
</table>
任何帮助都将不胜感激。谢谢您选择了错误的元素
更换选择器
“.mainstuff div1主表按钮”
使用
“#div1.mainTable按钮”
之后,您需要进行事件委派,因为内容是动态的$(document).on("click", "#div1 .mainTable button", function(){
alert("text");
});
您选择了错误的元素
更换选择器
“.mainstuff div1主表按钮”
使用
“#div1.mainTable按钮”
之后,您需要进行事件委派,因为内容是动态的$(document).on("click", "#div1 .mainTable button", function(){
alert("text");
});
可能重复的抱歉,它可能是,但因为我不知道这是什么,我不太可能进入它作为以前的搜索词!重复关闭不是一件坏事。这不是惩罚。当其他人输入比副本更接近您的问题的搜索词时,副本供他们查找答案。你的问题为其他人找到他们正在寻找的答案提供了一个路标,我们可以防止答案出现在多个地方。没问题,谢谢,可能是抱歉的重复,但我不知道那是什么,我不太可能将其作为上一个搜索词输入!重复关闭不是一件坏事。这不是惩罚。当其他人输入比副本更接近您的问题的搜索词时,副本供他们查找答案。你的问题是别人寻找答案的路标,我们可以避免答案出现在多个地方。没问题,谢谢