javascript - on ('click' ....) 仅在第二次点击后触发

Question

这是脚本。当我在加载时单击它时，就像一个魅力。当我通过动态创建的元素单击它时，第一次单击会看到实际的 html 偏移(有点拉伸(stretch)然后返回)。然而，它确实在第二次点击时始终如一。

<script>
$(document).on('click', '.iframe_add', function(){        
    var element = $(this).attr('name');
    $('#iframe_target').html('<iframe src="https://104.131.18.58/t3/default/ajax_new_secured_asset_debt_creator?all='+element +'" frameborder="0" width="580" height="300" scrolling="yes" id="myFrame"></iframe>');
});    
</script>

我真的不明白发生了什么，我很感激任何帮助。

附言我看到了这个，但不确定它是否适用(似乎是为了处理一些日期选择器问题) jquery on.click doesn't work on first click (with a dynamic element)

编辑:

这是HTML

<div id="iframe_modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
        <h4 class="modal-title">Edit Information</h4>
      </div>
      <div id="iframe_target" class="modal-body">
      </div>
    </div>
  </div>
</div>

编辑 2 - 控制台日志(都一样):

<a href="#iframe_modal" name="14-1136--Debts_secured-asset_page" class="iframe_add" data-toggle="modal">New</a>

Answer 1

您的控制台日志:

<a href="#iframe_modal" name="14---asset-asset_page" class="iframe_input btn btn btn-primary" data-toggle="modal">New</a>

显示其中一个类是 iframe_input。

您的 JavaScript 告诉我们您希望在单击具有名为 .iframe_add 的类的元素时触发 click 事件。

尝试

$(document).on('click', '.iframe_input', function(){