2016-05-09 2 views
0

Ich brauche eine Möglichkeit, das href-Attribut eines <a>-Tags zu erzwingen/zu sichern, weil es von unbekanntem js deaktiviert wird.Sichern oder aktivieren Sie das 'href' Attribut von Links mit jQuery oder Javascript

Ich habe eine Webseite, die eine Vorlage verwendet (dies: http://templated.co/visualize). Wenn Sie auf ein Thumbnail klicken, wird Javascript ausgelöst, das ein Foto öffnet und den Rest des Bildschirms schön verdunkelt. Der HTML-Code, JavaScript löst sieht wie folgt aus:

<section class="thumbnails"> 
    <div> 
     <a href="images/thumb_big.png"> 
      <img src="images/thumb.png" alt="" /> 
      <h3>Overview</h3> 
     </a> 
    </div> 
</section> 

Ich brauche es jedoch nicht für Fotos: ich die klickbaren Thumbnail-modal öffnen möchten. Ich stellte es dementsprechend:

<section class="thumbnails"> 
    <div> 
     <a href="" data-toggle="modal" data-target="#myModal"> 
      <img src="images/thumb.png" alt="" /> 
      <h3>Overview</h3> 
     </a> 
     <!-- Modal --> 
     <div id="myModal" class="modal fade" role="dialog"> 
      <div class="modal-dialog"> 
       <div class="modal-content"> 
        <div class="modal-body"> 
         <img style="float:left" src="images/thumb_big.png" /> 
         <p><a href="overview.html">Overview</a> beinhaltet eine Auflistung</p> 
         <div class="modal-footer"> 
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</section> 

die modale funktioniert, aber das Attribut href des Links <a href="overview.html"> innerhalb davon wird deaktiviert. Es ist einfach nicht mehr da, wenn ich den HTML-Code in Firebug überprüfe, zeigt es, dass es nur ein leerer <a> -Tag mit einigen CSS-Attributen ist. Ich kann die Passage in den Javascript-Dateien der Vorlage nicht finden, die das tun. Also ich suche nach einem Javascript oder jquery Weg, um dies zu überschreiben!

Gibt es eine Möglichkeit, das href-Attribut auf eine Verknüpfung im Indexdatei-Skriptabschnitt zu "erzwingen"?

Oder um das href-Attribut zu erzwingen?

+0

die JavaScript finden, das tut, was Sie wollen und sich nicht mit ihm . –

+0

@ T.J.Crowder wäre es nicht einfacher, es mit ein paar Zeilen Code in meiner Indexdatei zu überschreiben? Es gibt 3 js Dateien, die mit der Vorlage (neben der jquery.js natürlich) gehen und ich konnte nicht die richtige Passage finden, wenn ich versuchte, sie zu scannen :( – sardine

Antwort

1

Sie diesen Code versuchen:

<a href="javascript:void(0)" onclick="alert(1);">test</a> 
+0

Das funktioniert! Dh die Warnung wird nach dem Klicken auf Test geöffnet! Aber wie kann ich es übersetzen, um eine URL zu öffnen? Ich versuchte zu tauschen 'onclick =" alert (1) "' mit 'onclick =" overview.html "' was, naja, hat nicht funktioniert .. – sardine

+0

kann man onclick = "window.open ('overview.html')" – Cloak

+0

Das ist Perfekt! Vielen Dank! – sardine

1

können Sie versuchen, es hinzuzufügen, wie so:

<script type="text/javascript"> 
    $(".modal-body").find('a').attr('href','overview.html'); 
</script> 
+0

Vielen Dank für die Hilfe !! dachte, das ist der Code, den ich suche, aber leider ist die href immer noch nicht da .. – sardine

0
<section class="thumbnails"> 
            <div> 
             <p > 
              <img src="images/thumbs/01.jpg" alt="" /> 


              <a href="images/fulls/01.jpg"> 
               Lorem ipsum dolor sit amet 
              </a> 
             </p> 

            </div> 

           </section> 
</section 
+0

Ich verstehe nicht, wie das auf meine Frage bezieht – sardine

Verwandte Themen