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

试试这个

用 xhref 替换你的锚标签的 href

$(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 将返回零

这就是我认为的问题

只需使用 class 而不是 rel .. 它会工作:)

于 2013-08-30T14:21:04.163 回答
0 
<script type="text/javascript" charset="utf-8">
    $(document).ready(function () {
        $("a[data-rel='prettyPhoto']").prettyPhoto();            
    });
</script>

这适用于我刚刚添加

数据-rel而不是rel

于 2014-03-05T18:45:21.423 回答