диалоговое окно bootbox для многоэлементного использования того же класса

Question

диалоговое окно bootbox для многоэлементного использования того же класса

0

Я использую bootbox для своих фреймворков. У меня есть много элементов 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 открывает все диалоговые окна. Когда я нажимаю на второй интервал, открывается диалоговое окно загрузки бокса (3, 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'
   });
});

Помогите мне исправить

Благодарю вас Извините за мой английский

RobertPham 23 фев. 2014, в 09:45

Источник

Теги:

jquery

jquery-ui

bootbox

1 ответ

Ещё вопросы

Mehul Dudhat · Answer 1 · 2014-02-23T12-35-00.000Z

Попробуйте использовать ниже код, который может сработать для вас

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="js/bootbox.min.js"></script>//вы можете добавить свой собственный bootbox 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 для события click

<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>