在 JavaScript 中获取更新的全局变量 - jQuery

Question

I am getting undefined type for:

$(".ui-slider-handle").attr("title", '"'+current+'"');

As you can see I tried to alert the current in line 29 and alerts the correct updated current value but it is not functioning on .attr("title", '"'+current+'"') . Why is this happening, and how can I solve this issue?

 $(function () {
     var current;
     $("#slider-vertical").slider({
         orientation: "vertical",
         range: "min",
         min: 0,
         max: 100,
         value: 60,
         slide: function (event, ui) {
             $("#amount").val(ui.value);
             var offsets = $('.ui-slider-handle').offset();
             var top = offsets.top;
             $(".tooltip").css('top', top - 90 + "px");
             $(".tooltip-inner").text(ui.value);

             function setCurrent() {
                 current = ui.value;
             }
             setCurrent();
         }
     });
     $("#amount").val($("#slider-vertical").slider("value"));


     $(".ui-slider-handle").attr("rel", "tooltip");
     $(".ui-slider-handle").attr("data-toggle", "tooltip");
     $(".ui-slider-handle").attr("data-placement", "left");

     //  alert(current);
     //   $(".ui-slider-handle").attr("title", "50");
     $(".ui-slider-handle").attr("title", '"'+current+'"');

     $("[rel='tooltip']").tooltip();
 });

Answer 1

What do you have the single-double-single quote for? Try to use:

$(".ui-slider-handle").attr("title", current);

Does it require double quotes to appear?

I'm gonna leave that cause it was boneheaded and funny. Anyway, current is inside the scope of the function and does not have a value outside of it. Try this instead: Change this:

function setCurrent() {
current = ui.value;
}
setCurrent();

to

current = ui.value;

Or you could just return the value like this:

function setCurrent() {
return ui.value;
}

current = setCurrent();