jquery - 多元素的引导框对话框使用相同的类

Question

我正在为我的框架使用引导箱。我有很多跨度元素，当单击跨度时将打开该跨度的对话框。

[SPAN 1 类=span-edit-value]
[SPAN 2 类=span-edit-value]
[SPAN 3 类=span-edit-value]
[SPAN 4 类=span-edit-value]

但是当我点击第一个跨度时，bootbox 会打开所有对话框。当我点击第二个跨度时，bootbox 打开 3 对话框（2,3,4）

$('.span-edit-value').click(function(e){
  var html_form_change_option = '<div class="form-edit-option-addition-meta">test</div>';
  bootbox.dialog({
      message: html_form_change_option,
      title: 'test'
   });
});

请帮我修复它

谢谢你对不起我的英语

Answer 1

请尝试使用以下代码，它可能对您有用

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="js/bootbox.min.js"></script>//你可以添加你自己的引导箱 url，我只下载 4.2.0，它工作正常。

<span class="span-edit-value">span 1</span> <span class="span-edit-value">span 2</span> <span class="span-edit-value">span 3</span> <span class="span-edit-value">span 4</span>

下面是点击事件的 jQuery 代码

<script>
$(document).ready(function(){
$(".span-edit-value").click(function(){
         var html_form_change_option = '<div class="form-edit-option-addition-meta">test</div>';
          bootbox.dialog({
              message: html_form_change_option,
              title: 'test'
});
});
</script>