Javascript 使用有效的W3C但不使用图库

我正在使用标题中的当前代码，以使W3C对其有效

 jQuery(document).ready(function() {
     jQuery("a[data-gal^='prettyPhoto']").prettyPhoto({
     social_tools:false 
     });
 });

未触及的代码和Pretto推荐的文档

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

$（文档）.ready（函数（）{
$（[rel^='prettypto']）；
});

页面上的代码如下所示

<li><a href="http://cdn.domain.com/1.jpg" data-gal="prettyPhoto[pp_gal]"><img class="lazy" src="http://cdn.domain.com/grey.gif" data-original="http://cdn.domain.com/1.jpg" alt=""></a></li>
<li><a href="http://cdn.domain.com/2.jpg" data-gal="prettyPhoto[pp_gal]"><img class="lazy" src="http://cdn.domain.com/grey.gif" data-original="http://cdn.domain.com/2.jpg" alt=""></a></li>  

另外，它在拇指上使用了懒散的负载，但这也很好

这些图像在Prettypto的lightbox中工作，但它们没有在Gallery中打开（没有next、prev等，我认为它没有检测到使用相同标记的其他图像），我怀疑这与[pp_gal]和我为使其在data gal而不是rel=上工作而编写的代码有关

---

我怀疑这对于jQuery大师来说是一个简单的修复方法。谢谢

因为您的数据属性的值是

prettypto[pp_gal]

而不是普通的

prettypto

我们可以推断，

prettypto

插件在那里查看，以获取执行所需操作所需的信息

---

您需要进入

prettypto

的源代码，让它查看

data gal

，而不是

rel

，在调查之后，似乎prettypto最近改进了他们的代码，采用此更改是直接的，因为他们现在钩住了“rel”属性，更改一个值可以修复所有问题。呜呜呜

相信是一个如何使W3C有效的例子。 在线8你有这个吗

(function($){$.prettyPhoto={version:'3.1.4'};$.fn.prettyPhoto=function(pp_settings){pp_settings=jQuery.extend({hook:'data-gal',animation_speed:'fast',ajaxcallback:function(){},slideshow:5000,autoplay_slideshow:false,opacity:0.80,show_title:true,allow_resize:true,allow_expand:true,default_width:500,default_height:344,counter_separator_label:'/',theme:'pp_default',horizontal_padding:20,hideflash:false,wmode:'opaque',autoplay:true,modal:false,deeplinking:true,overlay_gallery:true,overlay_gallery_max:30,keyboard_shortcuts:true,changepicturecallback:function(){},callback:function(){},ie6_fallback:true,markup:'<div class="pp_pic_holder">

换成

jQuery.extend({hook:'data-gal'

---

或者，您可以下载我编辑的版本，它是最新版本，可以在这里找到

是否无法重写（使用附加脚本覆盖REL）$（'a[data REL]'）。每个（function（）{$（this.attr（'REL'），$（this.data（'REL'））；}）；如果使用JavaScript使生成的DOM无效，那么使原始HTML有效有什么意义？

jQuery.extend({hook:'data-gal'