秀滑塊發行貨幣

Question

我使用滑塊，這就像這工作得很好：

{literal} 
    <script> 
     $(function() { 
      $("#slider-revenue-max").slider({ 
       range: "max", 
       min: 0, 
       max: 10000, 
       step: 100, 
       value: {/literal}{if $revenue == ''}0{else}{$revenue}{/if}{literal}, 
       slide: function(event, ui) { 
        $("#revenue").val (ui.value); 
       } 
      }); 
      $(" #revenue").val("£" + $("#slider-revenue-max").slider("value")); 
     }); 
    </script> 
{/literal}` 

但移動滑塊時，將「£」沒有顯示，所以我這樣做：

{literal} 
    <script> 
     $(function() { 
      $("#slider-revenue-max").slider({ 
       range: "max", 
       min: 0, 
       max: 10000, 
       step: 100, 
       value: {/literal}{if $revenue == ''}0{else}{$revenue}{/if}{literal}, 
       slide: function(event, ui) { 
        $("#revenue").val ("£" + ui.value); 
       } 
      }); 
      $(" #revenue").val("£" + $("#slider-revenue-max").slider("value")); 
     }); 
    </script> 
{/literal} 

它顯示「£」，當我使用這個，但是當我應用過濾器，它沒有顯示任何結果。

感謝

Answer 1

您可以將「£」使用：before或：通過CSS後或如何我做到了，用萊昂的NOUI滑塊從refreshless.com就像下面。

CSS：

.noUi-handle:after { 
    content:attr(data-content); 
    display: block; 
    color: #FFF; 
    font-size: 26px; 
    font-weight: 700; 
    font-family: 'Open Sans', sans-serif; 
    text-align: center; 
    line-height: 53px; 
} 

的Javascript：

$(".noUi-handle").attr("data-content", "$" + display); 

顯示僅僅是從任何值的用戶對滑塊搶下價值，即它會拿出像$ 500或東西。希望這可以幫助。