Question

我正在为我的框架使用bootbox。我有很多span元素，当click to span将打开这个范围的对话框。

[SPAN 1 class = span-edit-value]
[SPAN 2 class = span-edit-value]
[SPAN 3 class = span-edit-value]
[SPAN 4 class = 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> //您可以添加自己的bootbox网址，我只需下载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>

多元素的bootbox对话框使用相同的类

1 个答案: