2012-05-16 156 views
1

背景:我現在有一個工作 jQuery的滑塊在我的網站在我的js文件設置默認值時

$("#slider-range-min").slider({ 
     range: "min", 
     value: 100, 
     min: 1, 
     max: 100, 
    }); 

我需要能夠覆蓋「值「從100到某些其他值有時。所以,我想這一點:

$("#slider-range-min").slider({ 
     range: "min", 
     value: _Slider_Value, 
     min: 1, 
     max: 100, 
    }); 

並確定這是我的html頁面

<script type="text/javascript"> 
    var _Slider_Value = 50; 
</script> 

這也適用於! 除了,然後在所有其他頁面上,我收到一個javascript錯誤,指出「_Slider_Value未定義」。我寧願不必複製&將該值粘貼到我的所有頁面上,如果我可以避免它...似乎不是一個「好」的方式來做到這一點?

問題:有沒有更好的方法來做到這一點 - 所以我可以有一個默認值爲我的滑塊,但偶爾在需要時覆蓋它?

編輯:另一種說法是:我如何使我的滑塊默認爲「100」,除非我在我的HTML頁面中另有說明?

+1

沒有價值的定義中,要包括在每一頁 – Satya

+0

感謝薩蒂亞一個js文件 - 即工作 - 它張貼作爲一個答案,所以我可以接受它爲你 – Laurence

+0

張貼:)很高興我可以幫助 – Satya

回答

2

定義中要包括在每一頁

1

發生在你的HTML中span,你在這裏div容器具有滑塊(id="slider-range-min"

<span class="min">100</span> 

在滑塊功能

$("#slider-range-min").slider({ 
     range: "min", 
     value: $(this).find('.min').text();, 
     min: 1, 
     max: 100, 
    }); 

讀這個值哪裏ü需要的值在頁面上更新,如果需要動態更改跨度值,否則它將採用默認值,例如。 100在這裏。

+0

感謝Murtaza - 但只有當我的網頁上有一個滑塊 - 我有一些頁面沒有滑塊(但仍然加載滑塊功能在我的通用縮小的js文件 – Laurence

+0

我認爲@Satya已經向你解釋了答案,所以你可以用這種技術.. :) – Murtaza

1

您可以用此字符串覆蓋滑塊的選項。 $('#slider-range-min')。slider({value:50});

+0

對不起yaponyal - 似乎沒有工作 – Laurence

1

聲明你的變量全局訪問它在網頁的任何地方。這裏是tutorial link

試圖聲明變量沒有VAR關鍵字,使其

<script type="text/javascript"> 
    _Slider_Value = 50; 
</script> 

如果這是行不通的嘗試變量綁定到窗口對象

var myValue; 
function setValue() 
{ 
    myValue = "test"; 
} 

function getValue() 
{ 
    alert(window.myValue); // yup, it's "test" 
} 

下面是完整的explanation,從全球我舉了一個例子。

希望工程(實際上沒有試過)

+0

謝謝Sree - 那也行得通 – Laurence

+0

哈哈... !! :) – sree

2

,如果你想以最小化變量js文件可以隨時查詢

if (_Slider_Value != undefined) { 
    //your code here 
} 

(_Slider_Value != undefined) ? _Slider_Value : 100; 

所以你的最終代碼可以是

$("#slider-range-min").slider({ 
    range: "min", 
    value: (_Slider_Value != undefined) ? _Slider_Value : 100, 
    min: 1, 
    max: 100, 
}); 

,將默認爲100如果在_Slider_Value