2012-01-20 13 views
1

Sharepointページを読み込むときにオブジェクトがプロパティまたはメソッド 'スライダ'をサポートしていません。オブジェクトはプロパティまたはメソッド 'スライダ'をサポートしていません(Sharepoint 2010のjquery)

私はここでは、ページの読み込みに

function sliderFunctionality() { 
$("#sliderdiv").css("background-color", "#ccc"); 
$("#sliderdiv").slider({ 
    value: 0, 
    min: 0, 
    max: 5, 
    step: 1, 
    slide: function (event, ui) { 
     $("#amount").val("$" + ui.value); 
    } 
}); 
$("#amount").val("$" + $("#sliderdiv").slider("value")); 
alert('testing.....'); 
}; 

を、この関数を実行していますが、私のWebパーツのコード

protected override void CreateChildControls() 
    { 
     //REGISTER STYLESHEETS 
     CssRegistration.Register("/_layouts/STYLES/Stylesheet1.css"); 

     //REGISTER JAVASCRIPT LIBRARIES 
     ScriptLink.Register(this.Page, "/_layouts/SCRIPTS/jquery-1.7.1.min.js", false); 
     ScriptLink.Register(this.Page, "/_layouts/SCRIPTS/jquery.SPServices-0.7.0.min.js", false); 
     ScriptLink.Register(this.Page, "/_layouts/SCRIPTS/JScript1.js", false); 

     this.Controls.Add(new LiteralControl("<label for='amount'>Donation amount ($50 increments):</label>")); 
     this.Controls.Add(new LiteralControl("<p><input type='text' id='amount' style='border:0; color:#f6931f; font-weight:bold;' />")); 
     this.Controls.Add(new LiteralControl("<div id='sliderdiv'>here</div></p>")); 

     this.ChildControlsCreated = true; 
    } 

CSSの背景色の作品の変化ですが、スライダーにはありません。だからjqueryはページ上で正常に動作しており、DIVが見つかっています。

なぜスライダーが機能しないのですか?私はjquery 1.7.1を使用しています

答えて

3

jQuery-UI JavaScriptを使用しているところはありません。

ScriptLink.Register(this.Page, "/_layouts/SCRIPTS/jquery-1.7.1.min.js", false); 
ScriptLink.Register(this.Page, "/_layouts/SCRIPTS/jquery-ui-1.8.17.min.js", false); 
... 

そして、あなたが同様のjQuery-UIスタイルシートのためのCssRegistration.Registerをお勧めします:私はあなたがより多くのこのようなものを持っているべきだと思います。私はあなたのjquery-ui.jsが何と呼んでいるか分かりません。

+0

ありがとうございました!あなたは正しいです、私はuiライブラリとCSSについて忘れました – Mort

1

jQueryを複数回使用しないようにしてください。もう1つは、既にレンダリングされたHTMLに追加したプラグインをリセットします。

関連する問題