Javascript 在引导模式中单击按钮时动态更新按钮

Javascript 在引导模式中单击按钮时动态更新按钮,javascript,jquery,html,twitter-bootstrap-3,Javascript,Jquery,Html,Twitter Bootstrap 3,我试图将一个值传递到引导模式中,然后在单击按钮时显示它,但是单击按钮时没有显示任何内容。。有人能帮忙解决这个问题吗 我相信问题就在眼前: $(e.currentTarget).find('button[id="save"]').onclick = function() { alert(id); }; JSFiddle: HTML <a href="#my_modal" data-toggle="modal" data-id="1">Edit</a> <div c

我试图将一个值传递到引导模式中,然后在单击按钮时显示它,但是单击按钮时没有显示任何内容。。有人能帮忙解决这个问题吗

我相信问题就在眼前:

$(e.currentTarget).find('button[id="save"]').onclick = function() { alert(id); };
JSFiddle:

HTML

<a href="#my_modal" data-toggle="modal" data-id="1">Edit</a>

<div class="modal" id="my_modal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
          <h4 class="modal-title">Click Save!</h4>
      </div>
      <div class="modal-body">
      </div>
      <div class="modal-footer">
        <button id="save" type="save" class="btn btn-primary" data-dismiss="modal">Save</button>
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>
问题是一个普通的JavaScript属性,用于处理给定元素上的单击事件,但如果您试图在jQuery对象上实现它,请改用jQuery

更新:最佳解决方案是在模式事件处理程序函数之外编写按钮单击事件

$('#save').click(function() { alert(id); });
如果您仍然希望代码在模态事件中,那么可以使用flag变量来执行button click事件

var flag=false;//将标志设置为false
$('my#u model')。on('show.bs.model',function(e){
var id=$(e.relatedTarget).data('id');
如果(!flag){//请检查该标志
$(e.currentTarget).find('button[id=“save”]”)。单击(function(){alert(id);});
flag=true;//将标志设置为true
}
});

&时代;接近
点击保存!
拯救
接近
问题在于一个用于处理给定元素上的单击事件的普通JavaScript属性,但是如果您试图在jQuery对象上实现它,请改用jQuery属性

更新:最佳解决方案是在模式事件处理程序函数之外编写按钮单击事件

$('#save').click(function() { alert(id); });
如果您仍然希望代码在模态事件中,那么可以使用flag变量来执行button click事件

var flag=false;//将标志设置为false
$('my#u model')。on('show.bs.model',function(e){
var id=$(e.relatedTarget).data('id');
如果(!flag){//请检查该标志
$(e.currentTarget).find('button[id=“save”]”)。单击(function(){alert(id);});
flag=true;//将标志设置为true
}
});

&时代;接近
点击保存!
拯救
接近
我已经修复了您的代码

$('my#u modal')。on('show.bs.modal',函数(e){
var id=$(e.relatedTarget).data('id');
$(“#保存”)。单击(函数(){
警报(id);
});
});

&时代;接近
点击保存!
拯救
接近
我已经修复了您的代码

$('my#u modal')。on('show.bs.modal',函数(e){
var id=$(e.relatedTarget).data('id');
$(“#保存”)。单击(函数(){
警报(id);
});
});

&时代;接近
点击保存!
拯救
接近

@AK47,如果您没有义务在模式事件处理程序函数之外写入按钮单击事件,那么在模式事件之外写入该事件将解决问题。我已经更新了答案,请检查:)@AK47,如果您没有义务在模式事件处理程序函数之外编写按钮单击事件,那么您在模式事件之外编写该事件将解决问题。我已经更新了答案,请检查:)