Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.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 加载ajax后找不到按钮_Javascript_Jquery_Ajax_Dom_Button - Fatal编程技术网

Javascript 加载ajax后找不到按钮

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

我有一些填充表的代码,其中有一些按钮,这些按钮执行AJAX加载。这很好,它将内容加载到一个名为“DIV1”的DIV中。我似乎找不到任何按钮,当他们被点击在该DIV1,他们在DOM树中丢失了我想

我必须得到原始表中名为“mainstuff”的按钮的代码,这很好用

$(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");
});

可能重复的抱歉,它可能是,但因为我不知道这是什么,我不太可能进入它作为以前的搜索词!重复关闭不是一件坏事。这不是惩罚。当其他人输入比副本更接近您的问题的搜索词时,副本供他们查找答案。你的问题为其他人找到他们正在寻找的答案提供了一个路标,我们可以防止答案出现在多个地方。没问题,谢谢,可能是抱歉的重复,但我不知道那是什么,我不太可能将其作为上一个搜索词输入!重复关闭不是一件坏事。这不是惩罚。当其他人输入比副本更接近您的问题的搜索词时,副本供他们查找答案。你的问题是别人寻找答案的路标,我们可以避免答案出现在多个地方。没问题,谢谢