нагрузки внешней страницы в DIV с HTML или JQuery

Итак, у меня есть этот код в index.html:нагрузки внешней страницы в DIV с HTML или JQuery

<td><a id="link" href="">Vídeos</a></td>

, а затем

<div name="content" id="content"></div>

Я хочу, чтобы загрузить страницу с именем vid_content.html

Я пробовал много кода, я нашел везде, но ничего не было сделано правильно ..

PS: все страницы локальные в той же папке!

Последнее, что я попытался было:

$(document).ready(function(){ 
    $("#link").click(function(){ 
     $("#content").load("vid_content.html"); 
    }); 
}

источник

2014-01-16 jbarradas

посмотреть: http://stackoverflow.com/questions/10642289/return-html-content-as-a-string-given-url-javascript-function – Avitus

Это должен быть базовый ajax .. что вы пытались? –

В зависимости от того, что вы хотите сделать, может быть, iframe достаточно: '' – OnlyThenDidIReckonMyCurse

использование этого

$('#content').load('/path/to/vid_content.html');

источник

2014-01-16 20:40:46

Не забудьте указать, что вам нужно как минимум на локальном сервере (appache с mamp или xamp). Если нет, вы получите сообщение об ошибке. –

Сервер @Seb не нужен для задачи –

Я пробовал это уже, и он не работает. – jbarradas

Вы должны быть в состоянии использовать .html() в JQuery, чтобы определить, что HTML, содержащиеся в DIV является.

$(document).ready(function(){ 
     $("#link").click(function(){ 
     $("#content").html("vid_content.html"); 
     }); 
    }

источник

2014-01-16 21:11:08 droessmj

Что я должен положить в href = ""? – jbarradas

Вам ничего не нужно, поскольку вы не ссылаетесь на другую страницу. Вы загружаете страницу, в которую вы сейчас находитесь. – droessmj

Существует несколько проблем с кодом. Во-первых, запрос Ajax не будет работать, если вы не используете это на локальном сервере. Простое открытие HTML-файла в Chrome не будет работать. Во-вторых, вам нужно передать в объект события в обработчик щелчка, так что вы можете остановить перезагрузки страницы при нажатии на ссылку, например, так:

$(document).ready(function(){ 
    $("#link").click(function(e){ 
     $("#content").load("vid_content.html"); 
     e.preventDefault(); 
    }); 
});

Наконец, вы не досчитались окончательный закрывающую скобку из Функция jQuery готова.

источник

2014-01-16 21:39:04 scf1001

Что я должен положить в href из #link? Я проведу его онлайн в свободном домене. – jbarradas

Просто введите # для href. Он не используется, потому что вместо этого работает javascript. В качестве альтернативы вы можете сделать точку href в файле 'vid_content.html', а затем javascript может использовать href для запроса Ajax. – scf1001

У вас уже есть решение!

Совершено это так:

function load_vids(){ document.getElementById("content").innerHTML='<object type="text/html" data="vid_content.html #content" style="width:811px; height:570px"></object>'; }

И это:

<td><a id="link" href="#" onclick="load_vids()">Videos</a></td>

Спасибо всем за помощь!

источник

2014-01-18 00:53:07 jbarradas

Сохраните это в "firstpage.php". с -> JQuery v2.2.3

$(document).ready(function() { 

    $('#content').load("secondPage.php", function() { 
     //do something 
    }); 

    $(document).on('click','#third',function(){ 
     $('#content').load("thirdPage.php", function() { 
      //do something 
     }); 
    }); 

});

В secondPage.php

page 2<br> 
----------------------<br> 
<a href="#" id="third">load third</a>

В thirdPage.php

hello world

источник

2016-05-09 22:35:26 flexicon

нагрузки внешней страницы в DIV с HTML или JQuery

ответ

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