Bootstrap модальное/необязательное новое окно

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

http://www.bootply.com/VkbgGZjcWf

В примере при начальной загрузке нижняя ссылка («Этот щелчок загружает модальное окно») загрузит модальное окно, расположенное на странице, и вы все равно можете щелкнуть ссылку правой кнопкой мыши, чтобы перейти на домашнюю страницу BBC.

Верхняя ссылка - это та, с которой я борюсь. Bootstrap пытается загрузить содержимое href в модальное окно вместо отображения модального (согласно нижней ссылке).

Я подозреваю, что это как-то связано с тем, что нижняя ссылка является внешней ссылкой «http://...», тогда как верхняя ссылка относится к самому веб-сайту… Как мне заставить верхнюю ссылку работать так же, как и нижнюю?


person Beakie    schedule 17.02.2015    source источник
comment
Проблема не в том, что одно модальное окно использует внешний URL. Дело в том, что Bootstrap (или браузер, или что-то еще) применяет политику одного и того же происхождения. Никакая внешняя ссылка не будет загружена. Однако полный внутренний URL-адрес будет.   -  person isherwood    schedule 04.03.2015
comment
Может быть, было бы удобнее предоставить ссылку на новое окно в модальном окне?   -  person isherwood    schedule 04.03.2015


Ответы (1)


Примените data-remote="false" к своей ссылке.

Демо

Бутстрап говорит...

Этот параметр устарел, начиная с версии 3.3.0, и будет удален в версии 4. Вместо этого мы рекомендуем использовать шаблоны на стороне клиента или структуру привязки данных или вызывать jQuery.load самостоятельно.

Если указан удаленный URL-адрес, содержимое будет загружено один раз с помощью метода загрузки jQuery и введено в div .modal-content. Если вы используете data-api, вы также можете использовать атрибут href для указания удаленного источника.

http://getbootstrap.com/javascript/#modals-options

Похожее обсуждение SO

person isherwood    schedule 03.03.2015