2012-12-08 60 views
0

我前幾天發佈了一個類似的問題,並做了更多的研究和編碼,現在我在牆上。我是一個完整的新手,需要更多的幫助。將Slider值傳遞給其他函數

我目前有一個滑塊和兩個圖表成功呈現在同一頁面上。我想將滑塊的值傳遞給兩個圖表函數,以便在滑塊移動時更新圖表。滑塊是使用jQuery UI函數生成的。這些圖表由Highcharts功能生成。

有一個「方法」 jQuery的滑塊API中稱爲「值()」,將檢索滑塊的值,如下所示:

var selection = $(".selector").slider("value"); 

目前,圖表中的值是硬編碼作爲圖表的功能代碼中的數字。我想根據滑塊的值動態更新圖表的值。

想法?

感謝,

克里斯

+0

請問您可以發佈您的代碼,因爲它可以幫助您更容易嗎? –

回答

0

你可以使用切換功能的jQuery UI的文檔

$(function() { 

    $("#slider").slider({ 
    change: function (event,ui){ 
     // your code here 
    } 
}); 
}); 

這應該對每一次工作中存在的滑塊改變


這就是你的代碼應該如何看起來像

change: function(event,ui) 
     { 
     $("selector").val(ui.value); 
     } 
+0

那麼我應該在更改事件中嵌套圖表函數嗎?然後,如何在圖表函數中編碼以吸收滑塊的當前值? – chrison600

+0

您可以通過調用更改函數中的圖表生成函數來傳遞滑塊的值 – user1801279

+0

在更改函數破壞所有內容後,將圖表代碼嵌入{}字符中。滑塊和圖表工作。將圖表代碼移回到更改/滑塊功能之外可以恢復所有內容。 – chrison600