对象不支持属性或方法“slider”(Sharepoint 2010中的jquery)
加载Sharepoint页面时,我发现错误对象不支持属性或方法“slider” 我正在页面加载时运行此函数对象不支持属性或方法“slider”(Sharepoint 2010中的jquery),jquery,jquery-ui,sharepoint,Jquery,Jquery Ui,Sharepoint,加载Sharepoint页面时,我发现错误对象不支持属性或方法“slider” 我正在页面加载时运行此函数 function sliderFunctionality() { $("#sliderdiv").css("background-color", "#ccc"); $("#sliderdiv").slider({ value: 0, min: 0, max: 5, step: 1, slide: function (event, ui) {
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.....');
};
这是我的网页部件代码
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
为什么滑块不工作?我使用的是jQuery1.7.1我看不到您在jQueryUIJavaScript中使用的任何地方。我想你应该有更像这样的东西:
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);
...
您可能还需要一个CssRegistration.Register用于jQueryUI样式表。我不知道你的jquery-ui.js叫什么,所以我猜。我看不到你在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);
...
您可能还需要一个CssRegistration.Register用于jQueryUI样式表。我不知道你的jquery-ui.js叫什么,所以我猜。确保你没有多次包含jquery。第二个将重置您已经添加到呈现HTML中的所有早期插件。确保您没有多次包含jQuery。第二个将重置您已添加到呈现HTML中的所有早期插件。谢谢您的帮助!你说得对,我忘了ui库,谢谢你的帮助!你是对的,我忘了ui库和css