jQuery .overlay將無法在Sharepoint web部件中工作

Question

我遇到了一個簡單的jQuery .overlay功能在Sharepoint 2010 Web部件內部添加時無法正常工作的問題。以下代碼在Sharepoint中的普通頁面內完美工作，但在插入到Web部件時，無法打開模式。

// 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> 

任何幫助將不勝感激，

傑森

Answer 1

晚類，而不是使用ClientID屬性使用jQuery函數中使用CSS類使用CssClass屬性應用疊加功能，但，如：

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

，然後在腳本：

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

我希望它有幫助！