0

彼らのサイトのすべてのドキュメントに従いましたが、これを機能させることができません。

スクリプト ロードを頭にコピーし、本文を閉じる前にスクリプトをアクティブにし、リンクに prettyPhoto フックを配置しました。

しかし、リンクをクリックしても何もアニメーション化されず、リンクが指しているフルサイズの画像が独自のページで開きます。

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
</head>




<body>



<a href="superlow.jpg" rel="prettyPhoto"> sldjflkdjsf </a>


<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
  });
</script>


</body>
</html>
4

4 に答える 4

0

スクリプトが見つからないか、おそらくエンコードの問題のようです。

両方のスクリプトがロードされていますか? あなたのコードはここSafariで機能するからです。注: このような問題については、常にブラウザの種類とバージョンを参照してください。

また、ドキュメント (charset=ISO-8859-1 として設定) とスクリプトおよび css (utf-8 を設定) の間にドキュメント エンコーディングの不一致があり、問題が発生する可能性があります。どちらもutf-8にしてください。

これらの両方が健全である限り、あなたの例は機能するはずです。

于 2013-04-19T22:38:55.833 に答える
0

これで試してみてください

アンカータグの href を xhref に置き換えます

$(document).ready(function() {
    $('a[xhref]').each(function() {
       $(this).attr('href', $(this).attr('xhref'));
    });
    $("a[rel^='prettyPhoto']").prettyPhoto();
});

たとえそれが何らかの問題を示していても、交換してください

$(document).ready(function(){       with 

$(window).bind('load', function(){

問題を解決します

于 2013-10-30T04:55:00.843 に答える
0

rel プロパティは、すべての主要なブラウザでサポートされています。

注: 値「検索」は、Opera または Safari ではサポートされていません。

参照: http://www.w3schools.com/jsref/prop_link_rel.asp

「rel」で要素をカウントすると、ゼロ (0) が見つかります。

$("a[rel^='prettyPhoto']").length はゼロを返します

それが私が思う問題です

relの代わりにclassを使用するだけです..動作します:)

于 2013-08-30T14:21:04.163 に答える