Question

我关注了他们网站上的所有文档，但我无法使用它。

我将脚本加载到我的头部，在主体关闭之前激活脚本，并将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>

Answer 1

在我看来，要么找不到你的脚本，要么就是编码问题。

您确定要加载两个脚本吗？因为您的代码在Safari上适用于我。注意：请始终参考您的浏览器类型和版本以解决此类问题。

你有一个文件编码不匹配你的文件（设置为charset = ISO-8859-1）和你的脚本和css（设置utf-8）可能会导致问题。让它们都是utf-8。

只要这两件事都合理，你的榜样就应该有效。

Answer 2

所有主流浏览器都支持rel属性。

注意：Opera或Safari不支持“搜索”值。

REF：http://www.w3schools.com/jsref/prop_link_rel.asp

如果你用'rel'计算元素，你会发现零（0）。

$（“a [rel ^ ='prettyPhoto']”）。长度将返回零

这就是我认为的问题

只使用class而不是rel ..它可以工作：）

Answer 3

试试这个

用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(){

将解决问题

Answer 4

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

这对我来说只是添加了

data-rel 而不是 rel

PrettyPhoto根据文档不工作

4 个答案: