2012-04-19 2 views
4

Каков правильный способ загрузки iframe с использованием JQuery?Загрузка iframe с помощью JQuery (правильный метод)

На самом деле у меня есть меню с несколькими ссылками, и я хочу загрузить каждую ссылку в iframe всякий раз, когда пользователь нажимает на нее. Я работаю над сайтом ASP.NET с моей страницей по умолчанию, имеющей это меню и Iframe внутри.

Я использовал Target = "IframeName", но мне не нужен этот метод из-за какой-то другой проблемы с ним.

Итак, скажите, как создать функцию JQuery для загрузки такого Iframe. Я искал его, и я нашел несколько методов, но никто, кажется, не работает, и я поражен им. Более того, я не могу понять, какой из них прав.

+0

Что такое "другие проблемы" с ним. Целевой метод является правильным и не требует работы JavaScript. Помогите, если вы указали «несколько методов». – epascarello

+0

Я знаю целевой метод является правильным, но это было бы очень полезно, если бы вы могли сказать мне какой-то способ сделать это с помощью JQuery – nothingInTheName

ответ

8

Функция Iframe HTML код

<iframe id="myIframe" name="myIframe"></iframe> 

JQuery

jQuery("#myIframe").attr("src","newPage.html"); 

JavaScript

document.getElementById("myIframe").src = "newPage.html"; 

HTML ссылка

<a href="newPage.html" target="myIframe">FOO</a> 

представления Форма

<form action="newPage.html" target="myIframe"> 
    <input type="submit" name="btnSubmit" value="clicky"/> 
</form> 
+0

Ну, я использую этот метод для вызова

  • Добро пожаловать
  • и на головной секции У меня есть функция <тип скрипта = "текст/JavaScript"> функция Navigate (URL) { jQuery ("# ​​myIframe"). Attr ("src", "url"); } Что плохого я делаю сейчас? – nothingInTheName

    +0

    Вы не отменяете клик по ссылке. Нужно вернуть false и удалить метку JavaScript. 'OnClientClick =" Навигация ('ff'); return false; " – epascarello

    +0

  • <жерех: LinkButton отн = "# fe4902" ID = "LinkButton2" NavigateUrl = "#" OnClientClick = "Перемещение ('WelcomeScreen.aspx'); вернуться ложным;" runat = "server" CausesValidation = "false"> Welcome
  • Теперь я делаю именно это, пока он не работает, что с ним не так, и, пожалуйста, кто-нибудь скажет мне, как выделить код :( – nothingInTheName

    0

    $ ('# iFrameName'). Load ('somefile.html');

    Это выбирает iframe (вам нужно id = "iFrameName" или тому подобное в теге iframe) и загружает в него файл. Но вы можете просто использовать атрибут target на href. Я вижу, что вы упоминаете, что есть проблемы ... каков ваш DOCTYPE html? Какие у вас проблемы с базовым href?

    +0

    Это мой DOCTYPE nothingInTheName

    +0

    Кроме того, проблема с целевым методом заключается в том, что - Всякий раз, когда я отправляю обычные страницы (без каких-либо скриптов) к моему iframe он работает нормально, но когда я отправляю конкретную страницу, содержащую файл Javascript, основной целью которого является создание HTTP-запроса для API и генерация ответа в виде таблиц. После того, как я показал весь результат, мой Ифрама начинает вести себя странно, когда он открывает каждую ссылку, которую я нажимаю на новой вкладке, вместо того, чтобы открывать ее внутри. – nothingInTheName

    +0

    Эта вещь отлично работает с Mozilla, и она всегда загружается правильно, но я не знаю, почему мой iframe проиграл трек src после использования этого Javascript. Нет ничего особенного в этом файле JQuery. Если это поможет, я могу показать свой файл Javascript тоже ?? – nothingInTheName

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