Bootstrap Modal не открывается с помощью javascript метода

Я хотел бы открыть окно модального окна с javascript. Но этот код не работает:Bootstrap Modal не открывается с помощью javascript метода

<a href="" id="openUser">Open Modal JS (failed)</a> 

$(function(){ 
$("#openUser").click(function() { 
    alert("Handler for .click() called."); 
    $('#myModal').modal('show'); 
}); 
})

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

если я открываю модальную функцию document.ready, это работает!

$(document).ready(function(){ 
    $('#myModal').modal('show'); 
});

Любая идея, что может быть неправильным? я не могу открыть модель, используя статический метод (который работает), а

<a role="menuitem" tabindex="-1" href="#" data-toggle="modal" data-target="#myModal" id="whatEver">Open Modal Static Link (works)</a>

Потому что я должен сделать jquery.load поставить некоторые внешние данные в модальных с функциональностью (скрипт) .Или Есть ли способ сделать это со статическим методом?

Модальное:

<!-- Modal content--> 
<div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal">&times;</button> 
    <h4 class="modal-title">Modal Header</h4> 
    </div> 
    <div class="modal-body"> 
    <p>Some text in the modal.</p> 
    </div> 
    <div class="modal-footer"> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
    </div> 
</div>

источник

2015-11-19 marten

Добавили ли вы 'bootstrap.js' файл? а также покажите нам свой модальный HTML. –

Да, bootstrap.js включен (Версия 3.1.1). Как я написал, он работает хорошо, когда я открываю модальный документ document.ready (функция – marten

Это обычно связано с г-индекс модальной, а г-индекс связан с другими вещами ... The короткий взлом - это иметь модальное содержимое как дочерний элемент тела.

Для длительного ответа вам необходимо проверить все страницы, свойство г-индекс зависит от позиционирования (должен быть относительным, абсолютным, фиксированный) и на штабелирования контекст. Это означает, что вам нужно взглянуть на все элементы, обертывающие модальные. Дополнительная информация о this smashing magazine link.

источник

2015-11-19 08:40:21

Я не знаю, решит ли он вашу проблему, но вы должны использовать только эти «или эти» кавычки. Это вызвало некоторые ошибки для меня в прошлом. Вы должны смешивать их, только если у вас есть HTML-код в вашем Javascript Как это:.

var $newdiv1 = $('<div id="object1"/>');

с наилучшими пожеланиями

источник

2015-11-19 08:49:14 Aarree

Я решил эту проблему, мой сам Какая глупая ошибка я пропустил # в HREF тега:.!

неправильно:

<a href="" id="openUser">Open Modal JS (failed)</a>

правильно:

<a href="#" id="openUser">Open Modal JS (work)</a>

источник

2015-11-20 11:14:52 marten

Bootstrap Modal не открывается с помощью javascript метода

ответ

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