2011-07-08 14 views
0

(つまり、ダイアログでアップロードされている)私はそれが私はjqueryのUIを参照する必要が起こるようにするために表示されているいくつかのタブがあります。MVC jqueryのタブの表示の問題

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

をが、このページをダイアログに組み込むために、私はこの参照を私のマスターページに持っていき、私の見解のコンテンツ所有者にそれを使用する必要があります。それは問題があるときです。

このビューでは私のコードです:

<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="...">を移動した場合に問題があってはならない理解するだろう。正しいマスターページに入れていることを確認してください。

テストする方法は、次のようになります:

  • は、ブラウザ上でページを実行します
  • <script src="..."タグの
  • ルックをそのソースコードを見る(あなたが言うように、JSエラーがあります) (jquery uiインクルード)。

私はほとんどあなたがそれを持っていないと確信しています。

これが役に立ちます。乾杯

PS:jquery.jsを含めることを忘れないでください、そしてjquery.ui、その後、スクリプト(あなたは依存関係の問題を持っていないことを確認するため)

+0

おかげで偉大なポイント!ダイアログボックスに表示されるソースコードは、ダイアログボックスをトリガーする親ページのソースコードです – Sue

+0

jqueryの内容が2重であるかどうかを確認するためにFireBugも使用します。 ..私は私がSueがやっていることを事実上ほぼ正確にやっていることを発見しました...各部分iは読み込んでいましたが、別のjqueryをDOMにロードしていました...私はスクリプトをマスターに移動することでこれを解決しました。 –

+0

ありがとう、ありがとう、ありがとう、アンディに部分的なビューには参照があって、それが問題でした、あなたは私がどのようにそれらのpartialviews(ascx)でマスターページを参照して共有できますか? – Sue

関連する問題