я создаю приложение для ipad
У меня есть боковая навигация, а затем главное окно. пользователь нажимает на ссылки в навигации, и страницы загружаются в главном окне.
Я использую ajax для динамической загрузки моих страниц в главном окне, но когда мои страницы загружаются, они не загружаются с их собственными файлами CSS или JS, которые я связал в HTML-файле страницы.
Вместо этого я верю, что они используют CSS всего сайта.
Я прочитал, что могу использовать «loadobjs» для загрузки моего CSS, и моя страница загружается динамически.
как я могу использовать это с моим кодом?
ответ будет высоко оценен
спасибо
код указан ниже:
$(document).ready(function(){
// load index page when the page loads
$("#main_content_inner").load("home.html");
$("#home").click(function(){
// load home page on click
$("#main_content_inner").load("home.html");
});
$("#latest").click(function(){
// load contact form onclick
$("#main_content_inner").load("latest.html");
});
$("#important").click(function(){
// load contact form onclick
$("#main_content_inner").load("important.html");
});
$("#personal").click(function(){
// load contact form onclick
$("#main_content_inner").load("personal.html");
});
$("#timetable").click(function(){
// load contact form onclick
$("#main_content_inner").load("timetable.html");
});
$("#tasks").click(function(){
// load contact form onclick
$("#main_content_inner").load("tasks.html");
});
$("#staff").click(function(){
// load contact form onclick
$("#main_content_inner").load("staff.html");
});
$("#university").click(function(){
// load contact form onclick
$("#main_content_inner").load("university.html");
});
});