2011-07-08 55 views
0

在我看來,(即由一個對話框上傳的)我有幾個選項卡正在顯示爲了要做到這一點我需要引用jQuery用戶界面:MVC jQuery的標籤顯示問題

<script src="<%= Url.Content("~/Scripts/jquery-ui-1.8.11.js") %>" type="text/javascript"></script> 

但由於將此頁面與對話框合併,我需要將此引用引用到我的母版頁中,並在我的視圖的contentplaceholder中使用它,也就是當我遇到問題時。

這是我在視圖代碼:

<asp:Content ID="Content2" ContentPlaceHolderID="HeadContent" runat="server"> 


    <script type="text/javascript"> 
    jQuery(document).ready(function() { 
      $("#tabstest").tabs(); 
    }); 
    </script> 

</asp:Content> 


<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server"> 

    <h2>jQuery Tabs Example</h2> 

    <div> 
    <div id="tabstest"> 
    <ul> 
     <li><a href="#tabs-1">Home</a></li> 
     <li><a href="#tabs-2">Products</a></li> 
     <li><a href="#tabs-3">Contact Us</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <% Html.RenderPartial("GetHomeTab"); %>    
    </div> 
    <div id="tabs-2"> 
     <% Html.RenderPartial("GetProductTab"); %>   
    </div> 
    <div id="tabs-3"> 
     <% Html.RenderPartial("GetContactUsTab"); %>   
    </div> 
</div>  
</div> 

</asp:Content> 

如果我刪除了jQuery UI參考母版頁我收到此錯誤「對象不支持方法‘標籤’」,但如果我添加相同的參考對我的看法標籤出現。

如果有人知道這個問題

回答

0

的理由,如果移動<script src="...">到您的母版頁不應該有任何問題(我總是這樣做),我會很高興。檢查你是否把它放在正確的母版頁中。

測試的方法是將以下內容:

  • 你的瀏覽器中運行的頁面(有一個js錯誤,你說的)
  • 查看其源代碼
  • 外觀爲<script src="..."標籤(jQuery UI包含)。

我幾乎可以肯定你沒有它。

希望這會有所幫助。乾杯

PS:不要忘了包括的jquery.js,然後jquery.ui,然後你的腳本(以確保您不會有依賴性問題)

+0

感謝大點!但它不能解決問題,不幸的是,對話框中出現的源代碼是我從 – Sue

+0

觸發對話框的父頁面的源代碼我也將使用FireBug來查看jQuery的東西是否是雙重加載。 ..我發現我偶然做了什麼Sue正在做什麼......我加載的每個部分也加載了另一個jquery到DOM ...我通過將腳本移動到主來解決這個問題。 –

+0

謝謝你,謝謝你,謝謝你安迪的部分觀點有他們的參考,這是問題,你能跟我分享如何引用這些部分視圖(ASCX)的母版頁嗎? – Sue