Не удается загрузить содержимое HTML в DIV с помощью .load ()

Question

Не удается загрузить содержимое HTML в DIV с помощью .load ()

0

Я пытаюсь создать очень простой APP, основанный на HTML и JavaScript, который просто загружает html-страницы и представляет их.

Предполагается, что каждый контент загружается внутри DIV (#MainContent). Я нашел много сообщений о том, что я должен использовать $ (# MainContent).load('file.html'), но по какой-то причине ничего не происходит, я нажимаю кнопку.

Вот мой код JS:

$(document).bind( "pagebeforechange", function( e, data ) {
    if ( typeof data.toPage === "string" ) {
        e.preventDefault();
        $('#MainContent').load(data.toPage);
    }
});

Заметки:

a) Я знаю, что сценарий запускается с тех пор, как если бы я поставил Alert(), он запускается каждый раз, когда я нажимаю.

б) Если я использую: Alert (data.toPage); Я получаю полный путь к файлу file.html (файл, который я хочу загрузить), так что все хорошо здесь, я думаю;

c) Я использую "jquery-1.9.1.min.js" и "jquery.mobile-1.3.1.min.js"... проблема здесь?

Vicente Chazard 16 апр. 2014, в 17:40

Источник

0

Определите «полный патч». Похоже на опечатку. Но я не могу сказать, имеете ли вы в виду «путь» или «страницу», и если последнее, если вы действительно имеете в виду «источник HTML».
Quentin 16 апр. 2014, в 15:01
0

Почему вы проверяете, если typeof data.toPage === "строка"? Кажется, что это бессмысленно, также может вызвать проблемы. и e.preventDefault (); должна быть первая строка для запуска. и если data.toPage фактически является строкой, зачем использовать .load () вместо .html ()?
Slugge 16 апр. 2014, в 15:05
0

Вы проверили #MainContent существует на странице :)
rtpHarry 16 апр. 2014, в 15:07
0

.load вызывает pagebeforechange? может быть, вам следует привязать событие к контейнеру, а не ко всему документу?
Alex 16 апр. 2014, в 17:51
0

@Quentin: Да, это была опечатка, теперь это исправлено. Что я имею в виду под «полным путем», это что-то вроде: «file: /// c: /mydir/myapp/file.html».
Vicente Chazard 16 апр. 2014, в 18:27
0

@Slugge: Если я не поставлю это «если», по какой-то причине я не смогу использовать e.preventDefault (), первая страница просто не загрузится.
Vicente Chazard 16 апр. 2014, в 18:28
0

@rtpHarry: Да #MainContent действительно существует, на самом деле, если я использую $ ('# MainContent'). htlm (data.toPage), содержимое #MainContent изменяется, но при попадании только печатает путь к файлу: file: // /c:/mydir/myapp/file.html
Vicente Chazard 16 апр. 2014, в 18:29
0

@Alex: только что попробовал ваше решение, но теперь я получаю сообщение об ошибке «Ошибка загрузки страницы»
Vicente Chazard 16 апр. 2014, в 18:30
0

Что говорит консоль JavaScript вашего браузера? Я предполагаю, что это жалуется на отсутствие заголовка источника контроля доступа и не разрешено делать запросы с нуля. Это сообщение об ошибке, вы должны Google, если вы получаете его.
Quentin 16 апр. 2014, в 18:39
0

@Quentin: Спасибо, вы поставили меня на правильный путь ... и знаете что? Это работало все время. Проблема была не с моим кодом, а с Chrome. По некоторым причинам это не выполняет тот мир кода. FireFox запускает его в плавающих тонах, и я только что попробовал его на своем Android, работает как шарм. Но теперь мой вопрос: это будет работать на других платформах? IOS для примера?
Vicente Chazard 16 апр. 2014, в 19:08

Показать ещё 8 комментариев

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

Определите «полный патч». Похоже на опечатку. Но я не могу сказать, имеете ли вы в виду «путь» или «страницу», и если последнее, если вы действительно имеете в виду «источник HTML».
Почему вы проверяете, если typeof data.toPage === "строка"? Кажется, что это бессмысленно, также может вызвать проблемы. и e.preventDefault (); должна быть первая строка для запуска. и если data.toPage фактически является строкой, зачем использовать .load () вместо .html ()?
Вы проверили #MainContent существует на странице :)
.load вызывает pagebeforechange? может быть, вам следует привязать событие к контейнеру, а не ко всему документу?
@Quentin: Да, это была опечатка, теперь это исправлено. Что я имею в виду под «полным путем», это что-то вроде: «file: /// c: /mydir/myapp/file.html».
@Slugge: Если я не поставлю это «если», по какой-то причине я не смогу использовать e.preventDefault (), первая страница просто не загрузится.
@rtpHarry: Да #MainContent действительно существует, на самом деле, если я использую $ ('# MainContent'). htlm (data.toPage), содержимое #MainContent изменяется, но при попадании только печатает путь к файлу: file: // /c:/mydir/myapp/file.html
@Alex: только что попробовал ваше решение, но теперь я получаю сообщение об ошибке «Ошибка загрузки страницы»
Что говорит консоль JavaScript вашего браузера? Я предполагаю, что это жалуется на отсутствие заголовка источника контроля доступа и не разрешено делать запросы с нуля. Это сообщение об ошибке, вы должны Google, если вы получаете его.
@Quentin: Спасибо, вы поставили меня на правильный путь ... и знаете что? Это работало все время. Проблема была не с моим кодом, а с Chrome. По некоторым причинам это не выполняет тот мир кода. FireFox запускает его в плавающих тонах, и я только что попробовал его на своем Android, работает как шарм. Но теперь мой вопрос: это будет работать на других платформах? IOS для примера?

Aldren Terante · Answer 1 · 2014-04-16T13-37-00.000Z

Пытаться:

$('#MainContent').html(data.toPage);

Я уже пытался это сделать, что-то делает Load ... но загружается строка "file.hmtl", а не ее содержимое.