2015-02-17 2 views
0

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

http://www.bootply.com/VkbgGZjcWf

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

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

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

+0

Проблема заключается не в том, что один модальный использует внешний URL-адрес. Это то, что Bootstrap (или браузер или что-то еще) применяет политику одинакового происхождения. Внешняя ссылка не будет загружена. Однако полный URL-адрес, который будет иметь полный доступ, будет. – isherwood

+0

Можете ли вы улучшить пользовательский интерфейс, чтобы обеспечить новое окно в модальном? – isherwood

ответ

0

Применить к оплате data-remote="false".

Demo

Bootstrap говорит ...

Эта опция не рекомендуется, так как v3.3.0 и будет удален в v4. Мы рекомендуем вместо этого использовать шаблоны на стороне клиента или структуру привязки данных или вызывать jQuery.load самостоятельно.

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

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

A similar SO discussion

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