2017-07-22 3 views
0

Ich benutze prettyPhoto und wenn Sie auf ein Bild klicken, zeigt es laden gif und Bild wird nicht geladen. Ich habe diesen Fehler in der Browserkonsole gefunden.Kann nicht lesen 'Übereinstimmung' von undefined - prettyPhoto

Uncaught TypeError: Cannot read property 'match' of undefined 
    at h (jquery.prettyPhoto.js:7) 
    at HTMLDivElement.<anonymous> (jquery.prettyPhoto.js:7) 
    at HTMLDivElement.r.complete (jquery-1.10.2.min.js:5) 
    at c (jquery-1.10.2.min.js:3) 
    at Object.fireWith [as resolveWith] (jquery-1.10.2.min.js:3) 
    at l (jquery-1.10.2.min.js:5) 
    at x.fx.tick (jquery-1.10.2.min.js:5) 

Wie könnte ich das lösen?

UPDATE

dachte ich, das Problem aus. Das Bild befindet sich in einem Anker-Tag. Wenn ich $("div.news-text-detail a").prettyPhoto(); Bild verwende, wird geladen. Dies gilt für alle Anker-Tags. Aber ich muss dies auf ONLY Bild in Anker-Tag anwenden.

$(document).ready(function() { 
 
     $("div.news-text-detail img").prettyPhoto(); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/prettyPhoto/3.1.6/js/jquery.prettyPhoto.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/prettyPhoto/3.1.6/css/prettyPhoto.min.css" rel="stylesheet"/> 
 

 
<div class="news-text-detail span12"> 
 
    <div style="text-align: justify;"> 
 
     <div class="separator" style="clear: both; text-align: center;"> 
 
     <a href="http://i.imgur.com/mV7ezeo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> 
 
      <img border="0" src="http://i.imgur.com/mV7ezeo.jpg" data-original-height="384" data-original-width="800" height="305" width="640"> 
 
     </a> 
 
     </div> 
 
    </div> 
 
</div>

+0

wir brauchen Ihren Code zu helfen ... das ist ein generischer js-Fehler, kann nichts damit machen. Erstellen Sie ein Snippet. –

+0

[Snippet einfügen] (http://imgur.com/a/sjCS7) –

+0

Was ist imageanchor? Sie sagen, es hat eine Bedeutung in Ihrem Code, aber ich kann nicht sehen, warum. Können Sie CSS zu Snippet hinzufügen, damit wir es vollständig sehen können? –

Antwort

1

nicht sicher, ob ich wirklich Ihr Problem verstehen, aber Sie müssen nur die eine Link zu Pretty was einen img enthält? So

Ich denke, man es wie folgt tun:

jQuery('div.news-text-detail img).closest('a').prettyPhoto(); 

Zuerst schauen Sie am img, dann bekommt man seine Eltern ein und pretty auf der a.

+0

Danke. Das ist was ich suche. – Bishan

Verwandte Themen