Question

Hii all，

我正在尝试在我的VF页面中开发Range Slider，但它无法正常工作。我正在和你分享我的代码。我正在尝试范围滑块，它会在滑块移动时显示更改值，它会在该滑块上显示值。

提前致谢!!

apex:page standardController="Opportunity" sidebar="false">

 script>
  $(function(){
    $("#slider-vertical").slider({
        orientation: "horizontal",
        range: "min",
        min: 0,
        max: 100,
        value: 60,
        slide: function( event, ui ) {
            $( "#amount" ).val( ui.value );
            $(this).find('.ui-slider-handle').text(ui.value);
        },
        create: function(event, ui) {
            var v=$(this).slider('value');
            $(this).find('.ui-slider-handle').text(v);
        }
    });    
});
 /script>

 script>
 #demo { padding: 10px !important; }
 /script>

 div class="demo">
    div id="slider-vertical">``</div>
/div>

/apex:page>

Answer 1

请参阅Developing Apps with jQuery

上的Salesforce文档

您至少需要参考jQuery和jQuery UI库

<apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" />
<apex:includeScript value="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js" />

您还需要使用jQuery的无冲突模式并使用j$代替$

j$ = jQuery.noConflict();

此外，CSS看起来应该在'<style>'标记内并且使用.demo选择器。

您发布的代码遗漏了所有<

Jquery不在salesforce中工作

1 个答案: