Доступ к содержимому внутри разборного div с другой страницы

Question

Доступ к содержимому внутри разборного div с другой страницы

0

У меня есть два файла HTML. Это файл № 1.

      <p class="Heading">
              <a name="car"></a>Small vehicles</p>
      <! -- BEGIN COLLAPSIBLE CONTENT >
      <div class="description">
                    CONTENT
      </div>
      <END COLLAPSIBLE CONTENT>  
      <p class="Heading">
            <a name="truck"></a>Big vehicles</p>
       <div class="description">
       <! -- BEGIN COLLAPSIBLE CONTENT >
                      CONTENT 
       </div>
       <END COLLAPSIBLE CONTENT>

В файле HTML № 2 есть ссылка на "Малые транспортные средства", к которым можно получить доступ в файле № 1. Когда я нажимаю ссылку в файле № 2, мне нужно, чтобы он показывал складной контент внутри заголовка "Малые автомобили".

Например, (page.html # car ")

Функция Javascript:

   $(document).ready(function() { 

   $(".Heading").click(function()  {  

       $(this).next(".description").slideToggle(500);  });

    });

Я использовал имя привязки в файле № 1 и Использованный хэш-тег в файле № 2 для доступа к этому контенту.

Проблема, с которой я сталкиваюсь, заключается в том, что я могу перейти на эту страницу (page.html), но она не отображает содержимое внутри сворачиваемых малых транспортных средств Div.

Любая помощь приветствуется.

user3281399 17 апр. 2014, в 20:42

Источник

Теги:

jquery

html

hash

anchor

2 ответа

Ещё вопросы

faicom · Answer 1 · 2016-05-29T03-13-00.000Z

Код работает для: Внешняя страница Ссылка для развернуть Свернуть DIV на другой странице, но НЕ скрывает window.location.hash при нажатии на другие кнопки свернуть на одной странице:
```
$(document).ready(function() {
   $(window.location.hash).show();
});
```
1. Код работает для: Внешняя ссылка на страницу Развернуть DIV на другой странице И скроет window.location.hash при нажатии на другие кнопки свернуть. Функция коллапса других кнопок работает правильно:
  
  $ (document).ready(function() {$ (window.location.hash).addClass('collapse in');});

thogue · Answer 2 · 2014-04-17T16-57-00.000Z

Если вы дадите автомобильным и грузовым автомобилям якорь идентификатор, а не просто имя, вы можете выполнить следующую проверку документа.

if(window.location.hash && window.location.hash.replace("#", "") == "car"){
    $("#car").parent(".Heading").trigger("click");
}

Это позволит имитировать щелчок на заголовке автомобиля и расширять его.

Я также хотел бы пересмотреть структуру вашего html - почему бы не сделать ссылки что-то вроде <a id="car" class="Header">Small vehicles</a> и забыть <p>? Это может упростить работу и упростить работу.

Спасибо за информацию. Вот jfiddle для файла № 1. ( jsfiddle.net/y8T84/1 ). Нужно ли поместить этот код прямо в функцию document.ready?
Я сделал некоторые правки, чтобы они были такими, как я хотел. Триггер войдет в чек. Вы хотите запустить его, если страница загружена с хэштегом #car. jsfiddle.net/y8T84/6/
Я попробовал то, что вы предложили, но это просто идет на страницу. Это не открывает DIV. Я обновил jsfiddle ( jsfiddle.net/y8T84/8 ). Я добавил ($ ('. Description'). Show ();), чтобы проверить, открывает ли он хеш-тег. Он идет на #car, но открывает все DIV.