it-swarm.com.ru

Bootstrap $ ('# myModal'). Modal ('show') не работает

Я не уверен, почему, но все модальные функции не работают со мной ... Я проверил версию и загрузку, они в порядке. 

Я продолжаю получать это сообщение об ошибке:

Uncaught TypeError: $(...).modal is not a function

для шкуры я уже нашел альтернативу . вместо:

$('#myModal').modal('hide');

Я использовал это:

$('#myModal .close').click();

И это работает отлично.

Проблема сейчас в шоу

$('#myModal').modal("show");

Я также попробовал оба

$('#myModal').modal("toggle");

А также:

$('#myModal').modal();

но, к сожалению, никто из них не работает.

Здесь HTML-код - когда кнопка нажата, я сделаю некоторую проверку и обработаю данные json из веб-службы, если это удастся, тогда я хочу показать мой модал - все работает, кроме шоу. 

 <button type="button" id="creatNewAcount" class="btn btn-default" data-toggle="modal">Sign up</button>

если есть какая-то альтернатива, я бы хотел это знать.

12
Nysa

Наиболее распространенная причина таких проблем

1. Если вы определили библиотеку jquery более одного раза.

<script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

    <div class="modal fade" id="myModal" aria-hidden="true">
    ...
    ...
    </div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

Библиотека начальной загрузки применяется к первой библиотеке jquery, но при перезагрузке библиотеки jquery исходная загрузка начальной загрузки теряется (модальная функция находится в начальной загрузке).

2. Пожалуйста, оберните ваш код JavaScript внутри

$(document).ready(function(){});

3. Пожалуйста, проверьте, идентичен ли модальный номер

как тот, который вы определили для компонента (также проверьте наличие дубликатов с тем же идентификатором).

32
Prakash Thete

У меня возникла та же проблема при работе с Modal Popup Bootstrap, я использовал Id и триггерное событие click для показа и скрытия модального всплывающего окна вместо $ ("# Id"). Modal ('show') и $ ("# id"). Modal. ( 'скрыть'), ` 

    <button type="button" id="btnPurchaseClose" class="close" data dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span></button>
<a class="btn btn-default" id="btnOpenPurchasePopup" data-toggle="modal" data target="#newPurchasePopup">Select</a>
    $('#btnPurchaseClose').trigger('click');// for close popup

     $('#btnOpenPurchase').trigger('click');`// for open popup
2
Muhammad Bilal

Моей основной причиной было то, что я забыл добавить # перед именем идентификатора. Хромо, но правда.

От 

$('scheduleModal').modal('show');

К

$('#scheduleModal').modal('show');

Для справки, кодовая последовательность, которая работает для меня

<script>
function scheduleRequest() {
        $('#scheduleModal').modal('show');
    }
</script>
<script src="<c:url value="/resources/bootstrap/js/bootstrap.min.js"/>">
</script>
<script
    src="<c:url value="/resources/plugins/fastclick/fastclick.min.js"/>">
</script>
<script
    src="<c:url value="/resources/plugins/slimScroll/jquery.slimscroll.min.js"/>">
</script>
<script
    src="<c:url value="/resources/plugins/datatables/jquery.dataTables.min.js"/>">  
</script>
<script
    src="<c:url value="/resources/plugins/datatables/dataTables.bootstrap.min.js"/>">
</script>
<script src="<c:url value="/resources/dist/js/demo.js"/>">
</script>
1
Siddharth

Используйте .modal({show:true}) и .modal({show:false}) вместо ('show') и ('hide') ... кажется, что это зависит от комбинации начальной загрузки/версии jquery. Надеюсь, поможет. 

1
Paul Vermeer

Это может произойти по нескольким причинам:

  1. Вы забыли включить библиотеку Jquery в документ
  2. Вы включили библиотеку Jquery в документ более одного раза
  3. Вы забыли включить в документ библиотеку bootstrap.js
  4. Версии вашего Javascript и Bootstrap не совпадают. Обратитесь к документации по начальной загрузке, чтобы убедиться, что версии совпадают
  5. В модальном <div> отсутствует класс modal
  6. Идентификатор модального <div> неверен. (например: вы неправильно добавили # в идентификатор <div>)
  7. знак # отсутствует в селекторе Jquery
1
Mohammed Shareef C

использовать объект для вызова ...

<a href="#" onclick='$("#myModal").modal("show");'>Try This</a>

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

$.ajax({ url: "YourUrl",
type: "POST", data: "x=1&y=2&z=3",
cache: false, success: function(result){
        // Your Function here
        $("#myModal").modal("show");
    }
});
0
Rhega

вы уверены, что идентификатор модального "myModal"? если нет, то вызов не сработает.

также - просто прочитав ваш пост - вы запускаете функцию/проверку с помощью этой кнопки 

<button type="button" id="creatNewAcount" class="btn btn-default" data-toggle="modal">Sign up</button>

и тогда, если все хорошо - вы хотите вызвать модальное. - если это случай - вы должны убрать переключатель с нажатия этой кнопки. Я полагаю, у вас есть обработчик событий, связанный с этим кликом? вам нужен .modal ("show") как часть этой функции. не переключается с этой кнопки. также - является ли этот идентификатор правильным "creatNewAcount" в отличие от этого написания "createNewAccount"

<button type="button" id="creatNewAcount" class="btn btn-default" >Sign up</button>
0
gavgrif

jQuery lib должен быть загружен первым. В моем случае я сначала загружал загрузчик lib, также пробовал тег с target и запускал триггер клика. Но главная проблема была - jquery должен быть загружен первым.

0
Sajal
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><script type="text/javascript" src="//code.jquery.com/jquery-1.11.3.min.js"></script>

первый скрипт googleapis не работает сейчас дни используют этот второй скрипт, предоставленный jquery

0
kumar

Попробуйте это без параметра

$('#myModal').modal();

это должно работать

0
Ahmed Hany