Выберите определенный элемент привязки через location.hash

StackOverflow https://stackoverflow.com/questions/1403520

  •  05-07-2019
  •  | 
  •  

Вопрос

Я пытаюсь выбрать определенный раздел вкладки веб-страницы, нажав на ссылку на другой странице. Мне было предложено использовать функцию location.hash, чтобы выбрать этот конкретный элемент привязки вкладки и добавить свойство hash в атрибут href первой веб-страницы.

Но код не работает для меня. Я получаю всю страницу вместо конкретной выбранной вкладки. Кто-нибудь может мне помочь?

Вот код. Это ссылка на первой веб-странице. Я хочу, чтобы была выбрана вкладка Отправлено на второй веб-странице Поэтому я добавил идентификатор этой вкладки, #submitted к URL.

<a id="formStatus<?php echo $status;?>" class="code_link" href="/FormBuilder/main/viewAllMyForms#submitted"><?php echo $status;?></a>

Это код второй страницы, где я проверяю, соответствует ли location.hash отправленным.

if(location.hash=="submitted") {
       $("#submitted").trigger("click");
}

$('#submitted , #formStatusSubmitted').click({
 <?php foreach($myForms as $form):
    if($form['Form']['status']=="Incompleted"){ ?>
        $('.fm_myformsample_container'+<?php echo $form['Form']['id'];?>).hide();
<?php }

   else{?>
        $('.fm_myformsample_container'+<?php echo $form['Form']['id'];?>).show();
  <?php }

  endforeach;?>

  $('#sort_by').find(".selected").removeClass();
  $('#submitted').addClass("selected");
});
Это было полезно?

Решение 3

Я нашел решение моей проблемы. Я просто добавил # к идентификатору в том, что если условие, то есть

if(location.hash=="#submitted"){
       $("#submitted").trigger("click");
}

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

Другие советы

попробуйте window.location.hash или document.location.hash

Похоже, вы отключили щелчок (), прежде чем установить обработчик для щелчка. Попробуйте переместить $ (" # submit "). Trigger (" click "); вниз.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top