Sélectionnez un élément d'ancrage particulier via location.hash

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

  •  05-07-2019
  •  | 
  •  

Question

J'essaie de sélectionner une section d'onglet particulière d'une page Web en cliquant sur un lien situé sur une autre page. On m'a suggéré d'utiliser la fonction location.hash pour sélectionner cet élément d'ancrage particulier de l'onglet et ajouter la propriété hash dans l'attribut href de la première page Web.

Mais le code ne fonctionne pas pour moi. Je récupère la page entière au lieu de l'onglet sélectionné. Est-ce que quelqu'un peut m'aider?

Voici le code. Ceci est le lien dans la première page Web. Je veux que l'onglet Soumis de la deuxième page Web soit sélectionné. J'ai donc ajouté l'identifiant de cet onglet, #sousmis à l'URL. 

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

Il s'agit du code de la deuxième page, où je vérifie si location.hash est égal à soumis. 

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");
});
Était-ce utile?

La solution 3

J'ai trouvé la solution à mon problème. Je viens d'ajouter un # à l'ID en ce que si condition, c'est-à-dire, 

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

et cela fonctionne maintenant..Si je clique sur ce lien, je suis redirigé vers cette section d'onglet.

Autres conseils

essayez window.location.hash ou document.location.hash

Il me semble que vous avez déclenché le clic () avant de définir le gestionnaire pour cliquer. Essayez de déplacer $ ("# soumis"). Trigger ("cliquez sur"); vers le bas.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top