2012-06-01 2 views
1

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

<div id="myModal" class="modal hide fade"> 
    <div class="modal-header"> 
     <a href="#" class="close" data-dismiss="modal">×</a> 
     <h3>Modal header</h3> 
    </div> 
    <div class="modal-body" style="text-align:center"> 
     <p> 
      <ul class="thumbnails"> 
      <li class="span3" style=""> 
       <img src="http://placehold.it/260x180" alt=""> 
      </li> 
      </ul> 
     </p> 
    </div> 
    <div class="modal-footer"> 
     <a href="#" class="btn btn-danger">Delete</a> 
    </div> 
</div> 

и это, как я называю модальные

<td><a data-toggle="modal" href="#myModal">Show poster</a></td> 

и после нажатия на ссылку модальной замирания и исчезать без нажатия на кнопке увольнения. Я скопировал этот код со своего сайта, что в этом плохого ???

Редактировать ### РЕШЕНИЕ ### В модальный исходного кода файла я есть комментарии эту функцию

/* MODAL DATA-API 
    * ============== */ 
/* 
    $(function() { 
    $('body').on('click.modal.data-api', '[data-toggle="modal"]', function (e) { 
     var $this = $(this), href 
     , $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 
     , option = $target.data('modal') ? 'toggle' : $.extend({}, $target.data(), $this.data()) 

     e.preventDefault() 
     $target.modal(option) 
    }) 
    }) 
*/ 

И теперь прекрасно работает

+0

Возможно, у вас есть привязка javascript где-нибудь? Попробуйте изменить идентификатор вашего модального окна и удалить классы ** скрыть ** и ** fade **. – Oleg

+0

Я изменил 'id', но это не помогло, я также удалил' hide' и 'fade', но после этого, когда мода загрузки страницы видна –

+0

Если вы прокомментировали эту функцию, то у вас действительно есть какая-то другая функция связывания javascript. – Oleg

ответ

3

Комментирование что-то в исходный плагин а не - правильный способ решения проблемы. Вы не используете его должным образом. Если вы хотите, чтобы отключить API данных вы должны сделать это таким образом:

От documentation:

DATA-ATTRIBUTE API

Мы считаем, что вы должны быть в состоянии использовать все плагины, предоставляемые Bootstrap только через API разметки без записи одной строки javascript. Это начальная загрузка api.

Мы признаем, что это не всегда самое результативное, и иногда может быть желательно полностью отключить эту функцию от . Поэтому с 2.0 мы предоставляем возможность отключить API атрибутов данных путем развязывания всех событий на именах тела, помещенных в «data-api». Это выглядит следующим образом:

$('body').off('.data-api') 

Для достижения специального плагина, просто включите имя плагинов как пространства имен вместе с пространством имен данных апи, как это:

$('body').off('.alert.data-api') 

Если вы не хотите отключать этот API (я не знаю, в какой JS вы включаете или пишете себя), и он все еще не работает, разместите свой код страницы, чтобы мы могли видеть, что еще происходит, и помочь вам исправить это правильный путь.

Смежные вопросы