2015-10-07 3 views
0

Я использовал самозагрузку нав нав-таблетка СЧА оправданоСвязывание несколько страниц HTML

и у меня есть 7 из этих

<li><a href="form.html">Form</a></li> 

Я был в состоянии нажать на форме, которая будет перенаправлять на формы, но я не могу вернуться на свою домашнюю страницу, не щелкая обратно в браузере. Я хочу, чтобы иметь возможность просто нажать кнопку «Домой», которую я включил как часть моих 7 <li> s, упомянутых ранее. Также я хотел бы перейти на каждую страницу с вкладки navbar.

<div class="header"> 
    <div class="container"> 
     <ul class="nav nav-pills nav-justified"> 
      <li><a href "#">Home</a></li> 
      <li><a href "#">About</a></li> 
      <li><a href "#">JavaScript</a></li> 
      <li><a href "#">JQuery</a></li> 
      <li><a href="AngularJS.html">AngularJS</a></li> 
      <li><a href "#">API</a></li> 
      <li><a href="form.html">Form</a></li> 
      <li><a href "#">Contact</a></li> 
     </ul> 
    </div> 
</div> 

Так от выше, когда я нажимаю на форме, им на странице формы, но я не могу вернуться на главную страницу (index.html), если я не нажать назад в браузере, я хочу быть в состоянии ссылку на все списки, щелкнув друг друга.

ответ

0

Рассмотрите возможность использования Ajax динамически загружать разные страницы (с объединением с JQuery он сказал, что проще использовать) для желаемого поведения или поставить все на одной странице и показать содержимое только тогда, когда пользователь нажимает на ссылку на JS и CSS.

Как только вы используете элементы Bootstrap, вы, вероятно, уже включили jQuery в свой проект.

Полезные ссылки:


Проверить эту страницу jQuery.get есть очень яркий пример

$.get("demo_test.asp", function(data, status) 
{ 
    alert("Data: " + data + "\nStatus: " + status); 
}); 

где данные - данные, полученные с сервера. Это должен быть ваш html-код для замены содержимого.

Для вставки использования данных:

$.('#Content').html(data); //id="Content" is from the comment 
+0

Я планирую использовать AJAX на других моих веб-страницах, но я не хочу, чтобы эти navbars были ajax, можете ли вы рассказать мне, что мне нужно включить в мой код, чтобы можно было сказать, от домашней вкладки до затем перейдите на вкладку формы на вкладку «Главная», не перейдя в браузере. – Jim41Mavs

+0

Используя AJAX, вы можете заменить часть своей страницы, чтобы сказать ** div ** с ** id = «Содержимое» **, где весь ваш контент, отображаемый клиенту, отображается с данными, полученными с сервера, без перезагрузки всей страницы. Поэтому содержимое отображает изменения, но пользователь остается на одной странице. – hrust

+0

Привет, ребята, я загрузил файл слова (http://s000.tinyupload.com/index.php?file_id = 94011560737596238178) со скриншотами моего портфолио + код, пожалуйста, посмотрите на него и верните мне мой желаемый ответ, большое спасибо заранее и сообщение, если вам нужна дополнительная ясность в отношении того, что я прошу – Jim41Mavs

0

, если вы сделаете это в локальном хосте, и вы создали эти файлы, как я узнать, когда вы нажимаете на дом, вы получаете 404 страниц, единственное, что вы должны сделайте это, чтобы связать ваш файл главной страницы с домашней кнопкой, если я ошибаюсь, комментирую и объясняю вашу проблему больше, а затем я вам поможем.

+0

Hi, http://s000.tinyupload.com/index.php?file_id=94011560737596238178 Подробнее, здесь ваша помощь с благодарностью. – Jim41Mavs

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