Загрузка вкладки jquery с динамическими ссылками на href
-
19-09-2019 - |
Вопрос
Я не уверен, что на этот вопрос уже был дан ответ, но вот оно.
У меня есть 4 вкладки, две из которых я загружаю через вызовы контроллера;остальное я хотел бы изменить href
s и загружаются автоматически/по требованию.
Моя проблема в том, что даже назначение фиксированного href
нравиться "www.google.com" не выполняет работу по отображению удаленной страницы;и две вкладки с переменной href
правильно изменяются на правильное значение, вот так:
$("#anchor_ID").attr("href", "myURL"+var1)
где anchor_ID
это <a href="..." id="anchor_ID" ....></a>
но эти вкладки не загружают контент должным образом.
Есть какие-нибудь моменты, которые стоит проверить, что здесь может происходить?Какую дополнительную информацию вы хотели бы от меня предоставить?
Огромное спасибо
Решение
Я предполагаю, что вкладки пользовательского интерфейса jQuery не поддерживают загрузку удаленного контента (в смысле удаленного == в другом домене) с помощью простого ненавязчивого стиля ajax.Для этого вам нужно использовать iframe в качестве содержимого вкладки.
Если вы проверите вкладку «Локальный удаленный файл», вы заметите, что URL-адрес указывает на файл на «локальном» сервере.Если это не работает для вас, вы должны опубликовать образец в том, что "myURL"+var1
действительно тоже оценивает.
<div id="tabs">
<ul>
<li><a href="#inline">Local local content</a></li>
<li><a href="#remoteajax">Remote remote Google</a></li>
<li><a href="localajax.htm">Local remote file</a></li>
</ul>
<div id="inline"><p>...</p></div>
<div id="remoteajax">
<iframe src="http://www.google.com" width="600px" height="300px">
<p>Your browser doesn't support/allow iframes</p>
</iframe>
</div>
</div>
Проверьте эту демонстрационную страницу