.append что-то, что .load -ed с jQuery - PullRequest
Новая
       7

.append что-то, что .load -ed с jQuery

2 голосов
/ 28 февраля 2011

У меня есть веб-страница вроде: 

<html>
<head>
   . . .
</head>
<body>
  <div id="wrapper">
    <p>Lots of content here!</p>
  </div>
</body>
</html>

У меня также есть внешний файл, подобный этому: 

<div id="more-stuff"><p>Even more content!</p></div>

Мне нужна такая веб-страница: 

<html>
<head>
   . . .
</head>
<body>
  <div id="wrapper">
    <p>Lots of content here!</p>
    <div id="more-stuff"><p>Even more content!</p></div>
  </div>
</body>
</html>

Использование jQuery. Я думаю, что-то вроде этого: 

$(document).ready(function(){
  $('#wrapper').append.load('/external.htm');
});

Но это не сработает, и я не могу найти хорошего решения.

Ответы [ 2 ]

5 голосов
/ 28 февраля 2011

Попробуйте что-то вроде этого: 

$(document).ready(function(){
    $.get('/external.htm', function(data) {
        $('#wrapper').append(data);
    });
});

Он сообщает jQuery запросить файл html, а затем запустить обратный вызов (который, в свою очередь, добавляет данные, возвращенные запросом), когда он будет готов.

1 голос
/ 28 февраля 2011

.append() не работает таким образом. Нужно добавить текст. Но .load() перезаписывает содержимое своей цели, поэтому вам нужно сначала добавить дочерний элемент, а затем загрузить его. 

$(document).ready(function(){
    $('#wrapper').append($(document.createElement("p")).load('extern.html'));
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...