jquery - 对象不支持属性或方法 'slider'(Sharepoint 2010 中的 jquery)

Question

加载我的 Sharepoint 页面时收到错误“对象不支持属性或方法“ slider ””。

我在页面加载时运行此函数

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 背景颜色的更改有效，但 slider 无效。所以 jquery 在页面上工作正常并且正在找到 DIV。

为什么 slider 不工作？我正在使用 jquery 1.7.1

Answer 1

我没有看到您在任何地方引入 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 叫什么，所以我猜。