無法讀取未匹配的屬性'pretty' - prettyPhoto

我使用的是prettyPhoto，當點擊圖片時，顯示加載gif和圖片無法加載。我在瀏覽器控制檯上發現了此錯誤。無法讀取未匹配的屬性'pretty' - 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)

我該如何解決這個問題？

UPDATE

我想通了這個問題。圖像位於錨標籤內。如果我使用$("div.news-text-detail a").prettyPhoto();圖像正在加載。這將適用於所有錨標籤。但我需要將此應用於ONLY圖片內部的定位標記。

$(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>

來源

2017-07-22 Bishan

我們需要你的代碼來幫助...這是一個通用的js錯誤，對此無能爲力。做一個片段。 –

[Include snippet]（http://imgur.com/a/sjCS7） –

imageanchor是什麼？你說它在代碼中有意義，但我看不出爲什麼。你可以添加一些CSS的片段，以便我們可以看到它完成？ –

不知道我真的理解你的問題，但你需要prettyPhoto的一個環節，只有當他們包含IMG嗎？

，所以我想你可以做這樣的：

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

首先，你看張圖片，然後你會得到他的父母和prettyphoto的一個。

來源

2017-07-22 08:02:21

謝謝。這是我尋找的。 – Bishan

無法讀取未匹配的屬性'pretty' - prettyPhoto

回答

相關問題