javascript - 如何动态获取JQuery值到JavaScript？

Question

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

障碍在于我有一个由 jQuery UI 组成的 slider ，并且我还有一个 JavaScript 函数，它需要获取 jQ 的 slider 增加和减少的值并将其存储在变量中。
到目前为止，我已经能够制作一个 slider 并将其参数传输到 html <p><span> .. 构造但这还不够，因为这仅反射(reflect)文档的输出，与我计划稍后开发的 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'));

好的，这个 $( "#angres").html( ui.value );工作得非常好，并显示文档上 slider 的“移动”，并具有变化的值。但是，我需要在参数中具有完全相同的值，才能将其与 js 一起使用。我需要将此更改存储在变量中。怎么做？ :)

Answer 1

这都是关于将变量分配给全局窗口范围。
在 slider 内修改它(增加、减少等等)
任何其他“JS”(jQuery is JavaScript)函数都能够在调用时读取该变量值(状态)

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
});