jQuery .overlay 在 Sharepoint Web 部件中不起作用答案

【问题标题】：jQuery .overlay will not work in Sharepoint web partjQuery .overlay 在 Sharepoint Web 部件中不起作用
【发布时间】：2013-04-24 21:06:45
【问题描述】：

我遇到了一个简单的 jQuery .overlay 函数在添加到 Sharepoint 2010 Web 部件内时无法正常工作的问题。以下代码在 Sharepoint 中的普通页面内完美运行，但插入 webpart 时，无法打开模式。

   // TECHBIZ REGISTRATION POP UP
        $("a[id*=linkCourseRegister_]").overlay({mask: '#000', opacity: '.5'});

        $("[id*=linkCourseRegister_]").click(function(e) {
            //alert(this.id);
            $('input[type=hidden][id*=registrationid]').val(this.id);
            //alert('after ID=' + $('span[id*=registrationid]').text());
            return true;               
        });


<div><a rel="#disabledOverlay" id="ctl00_ctl36_g_be8c97b5_828a_4ff8_9a91_db1a022ee9db_ctl00_linkCourseRegister_1" style="cursor: pointer;">Register&gt;&gt;&gt;</a></div>

<div id="disabledOverlay" class="ecm_ballGraph_call_modal_13" style="display:none;"></div>

任何帮助将不胜感激，

杰森

【问题讨论】：

标签： jquery sharepoint overlay web-parts

【解决方案1】：

有点晚了，但不是使用 clientID 属性来使用 jquery 函数应用覆盖函数，而是使用使用 CssClass 属性的 css 类，例如：

<asp:HyperLink id="someID" CssClass="someClass" runat="server" />

然后在脚本上：

 $(".someClass").overlay({mask: '#000', opacity: '.5'});

希望对你有帮助！

【讨论】：