添加英鎊符號到jquery範圍滑塊

我的網站上有一個jQuery範圍滑塊，當它尚未使用英鎊顯示。但是，當您使用滑塊更改值時，£符號將被刪除。任何方式讓他們留下來？添加英鎊符號到jquery範圍滑塊

這是迄今爲止代碼：

的JavaScript

<script type="text/javascript"> 
$(document).ready(function(){ 
    // Your code here 
    $("#submitFilter").hide(); 
    $(".filterCheck").change(function(){ 
     $("#submitFilter").click(); 
    }); 
    $(".filterCategoryCheck").change(function(){ 
     document.location = $(this).next('a').attr('href'); 
    }); 
    $("#slider-range").slider({ 
     range: true, 
     min: <?php echo $rootPriceFrom; ?>, 
     max: <?php echo $rootPriceTo; ?>, 
     values: [<?php echo $priceFrom; ?>, <?php echo $priceTo; ?>], 
     slide: function(event, ui) { 
      $("#priceFrom").val(values[0]); 
      $("#priceTo").val(values[1]); 
      $("#spanPriceFrom").html(values[0]); 
      $("#spanPriceTo").html(values[1]); 
     }, 
     stop: function(event, ui) { 
      //alert('a'); 
      $("#priceGo").click(); 
     } 
    }); 
    $("#priceFrom").val($("#slider-range").slider("values", 0)); 
    $("#priceTo").val($("#slider-range").slider("values", 1)); 
}); 

</script>

HTML

  <div id="rangedval">Price Range: <span id="rangeval">&#163;<?php echo $priceFrom; ?> - &#163;<?php echo $priceTo; ?></span></div> 
     <div id="rangeslider"></div> 
     <input type="text" id="priceFrom" name="priceFrom" style="display:none;"/> 
     <input type="text" id="priceTo" name="priceTo" style="display:none;"/> 
     <input type="submit" class="btn btn-mini btn-success" id="priceGo" value="Search">

直播網址 - http://bit.ly/Iol1jG

來源

2013-11-27 JordanC26

必須英鎊符號添加到該跨度滑動事件如下：

$("#slider-range").slider({ 
    range: true, 
    min: <?php echo $rootPriceFrom; ?>, 
    max: <?php echo $rootPriceTo; ?>, 
    values: [<?php echo $priceFrom; ?>, <?php echo $priceTo; ?>], 
    slide: function(event, ui) { 
     $("#priceFrom").val(ui.values[0]); 
     $("#priceTo").val(ui.values[1]); 
     $("#rangeval").html("£"+ui.values[0]+" - £"+ui.values[1]); //edited part 
    }, 
    stop: function(event, ui) { 
     //alert('a'); 
     $("#priceGo").click(); 
    } 
});

來源

2013-11-27 12:36:35

添加但聯合國幸運的是仍然完全相同。 – JordanC26

嘗試檢查顯示值的元素的id/class，並更改編輯的零件ID以適合您的代碼，請檢查我的編輯 –

嘗試這樣的事情

$("#slider-range").slider({ 
     orientation: "vertical", 
     range: true, 
     values: [ 17, 67 ], 
     slide: function(event, ui) { 
     $("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 
     } 
    });

參考

http://jqueryui.com/slider/#range-vertical

爲您的代碼就會像FIDDLE

 slide: function(event, ui) { 
      $("#spanPriceFrom").html("£" + ui.values[0]); 
      $("#spanPriceTo").html("£" + ui.values[1]); 
     }

來源

2013-11-27 12:43:04

添加英鎊符號到jquery範圍滑塊

回答

相關問題