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>
wir brauchen Ihren Code zu helfen ... das ist ein generischer js-Fehler, kann nichts damit machen. Erstellen Sie ein Snippet. –
[Snippet einfügen] (http://imgur.com/a/sjCS7) –
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? –