Question

当我点击按钮或链接并返回一些数据时，我正在使用一个简单的javascript函数来调用php脚本。它工作正常，直到我尝试通过该函数调用来自已输出数据的数据。让我们看看我的剧本：

$(function() {
$(".article_edit").click(function() {
var article_id = $(this).attr("id");
var dataString = 'article_id='+article_id;  
//$('a#'+article_id).removeClass('liked');
$('#post-body-'+article_id).fadeOut("slow").html('<img src="images/loader.gif" class="loading" />'); 
$('a#'+article_id).html('<img src="images/loader.gif" class="loading" />'); 
$.ajax({
	type: "POST",
	url: "action/article_enable_edit.php",
	data: dataString,
	cache: false,
	success: function(data){
    if (data == 0) {
	alert('Actiunea nu a putut fi realizata!');
	} else {
	$('#post-body-'+article_id).fadeIn("slow").html(data);
	}
	}  
});
return false;
});
});


$(function() {
$(".article_edit_close").click(function() {
var article_id = $(this).attr("id");
var dataString = 'article_id='+article_id;  
//$('a#'+article_id).removeClass('liked');
$('#post-body-'+article_id).fadeOut("slow").html('<img src="images/loader.gif" class="loading" />'); 
$('a#'+article_id).html('<img src="images/loader.gif" class="loading" />'); 
$.ajax({
	type: "POST",
	url: "action/article_show.php",
	data: dataString,
	cache: false,
	success: function(data){
    if (data == 0) {
	alert('Actiunea nu a putut fi realizata!');
	} else {
	$('#post-body-'+article_id).fadeIn("slow").html(data);
	}
	}  
});
return false;
});
});

<!--  First button-->
<a class="color-transition article_edit" href="#" id="'.$id.'"><i class="fa fa-pencil-square-o"></i></a>

<!--  When i click it the content will be replaced with another one containing this-->
<!-- output from action/article_enable_edit.php -->
				<a class="color-transition article_edit_save" href="#" id="'.$id.'" ><i class="fa fa-save"></i></a>
				<a class="color-transition article_edit_close" href="#" id="'.$id.'" ><i class="fa fa-ban"></i></a>

<!-- Now, if i click on any link, for example: .article_edit_close, the function will not work.  -->
<!-- i should have an output from action/article_show.php -->
<!-- If i put these oow links on the index.php page, they worked, but that is not what i need.-->

为什么我不能从另一个函数调用的内容中调用函数？它们不是同时发生的......

Answer 1

您需要使用Share Contact为动态元素绑定链接/按钮的click事件。

所以你的点击事件代码看起来像这样，

.on

.on（）将一个或多个事件的事件处理函数附加到所选元素。

Answer 2

尝试使用

$('body').on('click','.article_edit_close',function(e){
     // Your code goes here...
});

而不是

$(document).on("click",".article_edit",function(){ /* ... */  });

Php从ajax调用不能进行多次调用

2 个答案: