Question

我尝试用这样的2个按钮制作简单的案例。

$(document).ready(function(){
  function tes(){
    var result;
    $("#wrapper").html('<button id="btn2">Button 2</button>');
    $("#btn2").click(function(){
      result = "How to passing this value?, After button 2 clicked"
    })
    return result;
  }
  
  $("#btn1").click(function(){
    alert(tes());
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn1">Button 1</button>
<div id="wrapper"></div>

如何在按钮2单击后传递变量结果的值，其中button1单击后按钮2的元素是否存在？

Answer 1

好的，因为你使用jQuery没问题。我想这就是你想要的

var result = '';
function tes(){
	 
	document.getElementById("wrapper").innerHTML = '<button id="btn2">Button 2</button>';
  	result = "How to passing this value?, After button 2 clicked"
}

var button = document.getElementById("btn1");
button.onclick = function(){
	tes();
}
$(document).on('click', '#btn2', function(){
     alert(result)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<button id="btn1">Button 1</button>
<div id="wrapper"></div>

聚苯乙烯。您试图在动态创建的元素上绑定事件，并且您在代码中执行的方式不是正确的方法。你可以做$(document).on('click', 'DOM_Element', function(){})。只是为了让您知道，以便您在将来JS处理

时应该知道

事件点击后如何返回值

1 个答案: