如何在 jQuery Slider 函数中创建全局变量

发布于 2024-12-11 18:33:32 字数 443 浏览 0 评论 0原文

我的脚本中有一个滑块：

var uniquePrice;
$( "#slider-secondary" ).slider({
  range: "min",
  value: 0,
  min: 0,
  max: 50,
  slide: function( event, ui ) {
    $( "#amount-secondary" ).val( ui.value );
            uniquePrice = ui.value * 1500;
  }
});
console.log(uniquePrice);

并且我需要在滑块函数之外的代码中进一步使用 uniquePrice var。它不起作用 - console.log(uniquePrice);说“未定义”。

我做错了什么？

PS 当然，我在函数之前定义了全局变量，抱歉忘记在这里包含。

原文

I have a slider inside my script:

var uniquePrice;
$( "#slider-secondary" ).slider({
  range: "min",
  value: 0,
  min: 0,
  max: 50,
  slide: function( event, ui ) {
    $( "#amount-secondary" ).val( ui.value );
            uniquePrice = ui.value * 1500;
  }
});
console.log(uniquePrice);

And I need to use the uniquePrice var further in the code, outside of the slider function. And it doesn't work - console.log(uniquePrice); says "undefined".

What am I doing wrong?

P.S. Of course I defined the global variable before the function, sorry for forgetting to include here.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

我很坚强 2024-12-18 18:33:33

您必须在函数外部定义变量。

var uniquePrice;
$( "#slider-secondary" ).slider({
      range: "min",
      value: 0,
      min: 0,
      max: 50,
      slide: function( event, ui ) {
          $( "#amount-secondary" ).val( ui.value );
          uniquePrice = ui.value * 1500;
          console.log(uniquePrice);
      }
});

如果您想要函数之外的变量，您可以执行以下操作：

var uniquePrice;
$( "#slider-secondary" ).slider({
      range: "min",
      value: 0,
      min: 0,
      max: 50,
      slide: function( event, ui ) {
          $( "#amount-secondary" ).val( ui.value );
          uniquePrice = ui.value * 1500;
          doLog();
      }
});

function doLog(){
    console.log(uniquePrice);
}

编辑：将 console.log 添加到滑块函数

You have to define the variable outside of the function.

var uniquePrice;
$( "#slider-secondary" ).slider({
      range: "min",
      value: 0,
      min: 0,
      max: 50,
      slide: function( event, ui ) {
          $( "#amount-secondary" ).val( ui.value );
          uniquePrice = ui.value * 1500;
          console.log(uniquePrice);
      }
});

if you want the variable outside of the function you can do:

var uniquePrice;
$( "#slider-secondary" ).slider({
      range: "min",
      value: 0,
      min: 0,
      max: 50,
      slide: function( event, ui ) {
          $( "#amount-secondary" ).val( ui.value );
          uniquePrice = ui.value * 1500;
          doLog();
      }
});

function doLog(){
    console.log(uniquePrice);
}

edit: added the console.log to the slider function

回复收藏 0 原文