从JavaScript文件为锚点调用rel？

我有一个叫做JS文件的asp.net文件 问题是 当我从aspx页面调用anchor属性时，它显示正确 但当我试图从js文件调用它时，它是错误的

我的代码是 aspx页

      <ul id="gallery_id">
                <li class="first">
                    <img src="images/demo/gallery/1.jpg" alt="Title Text" /></li>
                <li><a href="images/demo/gallery/2.jpg" rel="prettyPhoto[gallery1]" title="Image 1">
                    <img src="images/demo/gallery/2.jpg" alt="Title Text" /></a></li>
                <li><a href="images/demo/gallery/3.jpg" rel="prettyPhoto[gallery1]" title="Image 2">
                    <img src="images/demo/gallery/3.jpg" alt="Title Text" /></a></li>
                <li><a href="images/demo/gallery/4.jpg" rel="prettyPhoto[gallery1]" title="Image 3">
                    <img src="images/demo/gallery/4.jpg" alt="Title Text" /></a></li>
                <li><a href="images/demo/gallery/572x330.gif" rel="prettyPhoto[gallery1]" title="Image 4">
                    <img src="images/demo/gallery/174x150.gif" alt="Title Text" /></a></li>

            </ul>

当我试图从js文件动态调用它时 作为

功能视图\u库（响应）{
if（响应！=null）{
对于（变量i=0；i'+
“”）；
}
否则{
$（'\\'库id'）。追加（$（'
”+
“
”）；
}

我的asp插件是：

<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.ui.min.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.defaultvalue.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.scrollTo-min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#fullname, #validemail, #message").defaultvalue("Full Name", "Email Address", "Message");
        $('#shout a').click(function () {
            var to = $(this).attr('href');
            $.scrollTo(to, 1200);
            return false;
        });
        $('a.topOfPage').click(function () {
            $.scrollTo(0, 1200);
            return false;
        });
        $("#tabcontainer").tabs({
            event: "click"
        });
        $("a[rel^='prettyPhoto']").prettyPhoto({
            theme: 'dark_rounded'
        });
    });
</script>
<!-- prettyPhoto -->
<link rel="stylesheet" href="layout/scripts/prettyphoto/prettyPhoto.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/prettyphoto/jquery.prettyPhoto.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("a[rel^='prettyPhoto']").prettyPhoto({
            theme: 'dark_rounded',
            overlay_gallery: false,
            social_tools: false
        });
    });
</script>

     <script type="text/javascript" src="javascript/gallery.js"></script>

$（文档）.ready（函数（）{
$（“#全名，#有效邮件，#消息”）.defaultvalue（“全名”、“电子邮件地址”、“消息”）；
$（'a'）。单击（函数（）{
var to=$（this.attr（'href'）；
$.scrollTo（至，1200）；
返回false；
});
$（'a.topOfPage'）。单击（函数（）{
$.scrollTo（01200）；
返回false；
});
$（“#tabcontainer”）.tabs({
事件：“单击”
});
$（[rel^='prettypto']）。prettypto({
主题：“黑暗”
});
});
$（文档）.ready（函数（）{
$（[rel^='prettypto']）。prettypto({
主题：“黑暗的四舍五入”，
套印图库：错，
社会工具：错误
});
});

它显示图像，但忽略锚元素的rel值

---

请帮助

根据rel值不确定您希望发生什么。rel用于语义信息，应用程序没有与之相关的默认行为。@Paul在出现

数据-

属性之前，一些插件经常使用

rel

。

prettypto

是其中之一，谢谢@charlietfl，没有注意到库。@charlietfl，所以请给出任何建议？！你什么时候初始化插件？

<script type="text/javascript" src="layout/scripts/jquery.min.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.ui.min.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.defaultvalue.js"></script>
<script type="text/javascript" src="layout/scripts/jquery.scrollTo-min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#fullname, #validemail, #message").defaultvalue("Full Name", "Email Address", "Message");
        $('#shout a').click(function () {
            var to = $(this).attr('href');
            $.scrollTo(to, 1200);
            return false;
        });
        $('a.topOfPage').click(function () {
            $.scrollTo(0, 1200);
            return false;
        });
        $("#tabcontainer").tabs({
            event: "click"
        });
        $("a[rel^='prettyPhoto']").prettyPhoto({
            theme: 'dark_rounded'
        });
    });
</script>
<!-- prettyPhoto -->
<link rel="stylesheet" href="layout/scripts/prettyphoto/prettyPhoto.css" type="text/css" />
<script type="text/javascript" src="layout/scripts/prettyphoto/jquery.prettyPhoto.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("a[rel^='prettyPhoto']").prettyPhoto({
            theme: 'dark_rounded',
            overlay_gallery: false,
            social_tools: false
        });
    });
</script>

     <script type="text/javascript" src="javascript/gallery.js"></script>