Bootstrap Modal changer le lien

Question

Sur mon application Web, il y a une photo d'une personne. Lorsque vous cliquez dessus, il ouvre un modal (j'utilise Bootstrap pour cela) et affiche des informations sur cette personne. Important ici est que l'URL a changé!

Exemple:

vous ouvrez l'image et l'URL est:

domain.com/persons#name=FirstnameLastname&referrer=website

c'est quand une personne normale cliquez sur l'image, mais je dois aussi une URL comme ceci: domain.com/persons#name=FirstnameLastname&referrer=email

cette URL affiche plus d'informations de la personne, que l'autre URL ne montre pas.

Mon code:

{{#each employees}} 
 
      <div class="pb40 col-md-3 col-lg-3 col-xs-6 col-sm-6 visible-lg visible-sm visible-md"> 
 
      <a href="#name={{firstname}}{{lastname}}&referrer=website" data-toggle="modal"> 
 
       <img src="/aboutus/employee/{{_id}}/teaser_image" class="img-responsive img-circle" /> 
 
      </a> 
 
      </div> 
 

 
<!-- information --> 
 

 
{{/each}}

et appelez le modal avec ceci:

{{#each employees}} 
 
    {{!--Modal--}} 
 
    <div id="name={{firstname}}{{lastname}}&referrer=website" class="modal fade" role="dialog"> 
 
     <div class="modal-dialog"> 
 
     <!-- Information ... --> 
 
     
 
     </div> 
 
     
 
    </div> 
 
{{/each}}

Lorsque je l'exécute, et cliquez sur une image (L'image provient de la base de données), ils ne modifient que l'URL, mais n'ouvrent pas le modal avec l'URL

Des idées pour ce qui ne va pas?

Answer 1

Vous avez oublié d'appeler l'ID cible, essayez si cela fonctionne, il suffit d'ajouter des données Traget:

<a href="#name={{firstname}}{{lastname}}&referrer=website" data-toggle="modal" data-target="#name={{firstname}}{{lastname}}&referrer=website"> 
 
       <img src="/aboutus/employee/{{_id}}/teaser_image" class="img-responsive img-circle" /> 
 
      </a>

Answer 2

Vous oubliez d'utiliser la cible de données

{{#each employees}} 
     <div class="pb40 col-md-3 col-lg-3 col-xs-6 col-sm-6 visible-lg visible-sm visible-md"> 
     <a href="#" data-toggle="modal" data-target="name={{firstname}}{{lastname}}&referrer=website"> 
      <img src="/aboutus/employee/{{_id}}/teaser_image" class="img-responsive img-circle" /> 
     </a> 
     </div> 
{{/each}} 

Answer 3

Quand je fais ce que vous dites, cela signifie:

{{#each employees}} 
 

 
<div class="pb40 col-md-3 col-lg-3 col-xs-6 col-sm-6 visible-lg visible-sm visible-md"> 
 
      <a href="#name={{firstname}}{{lastname}}&referrer=website" data-toggle="modal" data-target="#name={{firstname}}{{lastname}}&referrer=website"> 
 
       <img src="/aboutus/employee/{{_id}}/teaser_image" class="img-responsive img-circle"/> 
 
      </a> 
 
</div> 
 

 
{{/each}}

et c'est l'appel:

<div id="name={{firstname}}{{lastname}}&referrer=website" class="modal fade" role="dialog"> 
 
     <div class="modal-dialog"> 
 
     {{!--Modal content--}}

rien changer.mais quand je fais ceci:

{{#each employees}} 
 

 
<div class="pb40 col-md-3 col-lg-3 col-xs-6 col-sm-6 visible-lg visible-sm visible-md"> 
 
       <a href="#name={{firstname}}{{lastname}}&referrer=website" data-toggle="modal" data-target="#{{firstname}}{{lastname}}" onclick="window.location.hash = 'name={{firstname}}{{lastname}}&referrer=website';"> 
 
       <img src="/aboutus/employee/{{_id}}/teaser_image" class="img-responsive img-circle"/> 
 
      </a> 
 
</div> 
 

 
{{/each}}

appel avec ceci:

<div id="name={{firstname}}{{lastname}}" class="modal fade" role="dialog"> 
 
     <div class="modal-dialog"> 
 
     {{!--Modal content--}}

ils ouvrent la Modal, et changer l'URL. Je ne sais pas quel est le problème ici, mais ça craint tellement. Maintenant ça marche mais pas vraiment bien.

Je crois que je deviens maintenant des problèmes, quand je veux changer le contenu des modaux quand il est referrer = site web et referrer = email

je ne sais pas comment puis-je faire cela, parce que j'utilise URL.js de Websanova et peut lire tout de l'URL, mais ici c'est differcult, parce qu'ils ouvrent ce modal, ce que je lui donne dans la data-target. Est-ce que je crois que j'ai besoin de deux modaux, avec un ID différent avec l'adresse email {{firstname}} {{lastname}} et un avec le site web {{firstname}} {{lastname}}. Mais comment puis-je dire maintenant, changez la cible de données quand c'est un site Web et quand il s'agit d'un e-mail.

J'espère vraiment que vous pouvez comprendre, ce que je veux, parce que ce travail me rend fou ... merci de l'aide