如何动态获取JavaScript的JQuery值?

时间:2015-08-04 15:18:36

标签: javascript jquery html

新的一周,我的项目出现了新的问题,所以我很高兴看到你的任何建议的解决方案:)。

障碍在于我有一个由jQuery UI组成的滑块,我还有一个JavaScript函数,它需要获得jQ的滑块值增加并分别减少并将其存储在变量中。
到目前为止,我能够创建一个滑块并将其参数传递给html <p><span> ..构造,但这还不够,因为这仅反映在文档的输出上而且没有任何内容与我计划稍后开发的js代码/函数有关。到目前为止,我的代码看起来像这样:

 $(function(){
  $(".slider").slider()
  $("#angle").slider({
    value:0,
    min:0,
    max:250,
    step:0.5,
    slide: function (event, ui){
       $( "#angres" ).html( ui.value );
       $("fang").change(function(){
        $("ang").val($(this).val());
       });
      }
    });
   $("#angres").html($('#angle').slider('value'));

好的,这个$(&#34;#angres&#34;)。html(ui.value);工作得非常好,并展示了'&#39;运动&#39;文档上的滑块,具有更改的值。但是,我需要在参数中使用完全相同的值,以便与js一起使用。我需要将此更改存储在变量中。怎么做? :)

1 个答案:

答案 0 :(得分:1)

所有关于将变量赋值给全局窗口范围 在滑块内修改它(增加,减少,等等)
任何其他&#34; JS&#34; (jQuery JavaScript)函数可以在调用时读取该变量值( state

var counter = 0; // Global variable

function getCounterValue() {
    alert( counter );      // Will always give you the modified `counter` value
}
// Call the above function wherever you want

jQuery(function($) { // jQuery. DOM ready

     // Slider >> increment `counter`, decrement `counter`...
     // ...other super jQuery DOM ready stuff
});