javascript - 在JQuery输出的正数上添加加号“+”

我有一个修改过的Jquery UI滑动条（-100至+100）。当用户上下移动滑块时，他们会通过<div id="slider-result"></div>收到视觉反馈

当前slider-result在数字为负数时显示-符号，例如-47，但是当数字为正数时，例如，它不会显示+符号。 61

当正数为正时，如何使slider-result在数字前立即显示+符号？

I have looked at this question，但是当我尝试集成解决方案时，当数字为正数时会显示+，但它会停止显示数字...

我的尝试

slide: function(event, ui) {
  $("#slider-result").html(ui.value>0?'+':'') + ui.value;

一如既往，有很多帮助。谢谢

编辑-我的完整代码

$('#submit').click(function() {
    var username = $('#hidden').val();
    if (username == "") username = 0;  //SHOULD THIS STILL BE 0?
    $.post('comment.php', {
        hidden: username
    }, function(return_data) {
        alert(return_data);
    });
});

$(".slider").slider({
    animate: true,
    range: "min",
    value: 0,
    min: -100,
    max: +100,
    step: 1,

    slide: function(event, ui) {
      $("#slider-result").html(ui.value>0?'+':'') + ui.value;

      //this updates the hidden form field so I can submit the data using a form
      if($(this).attr("id") ==  "one")
          $("#hidden1").val(ui.value);
    }
});

最佳答案

您还必须在括号内包括+ ui.value;：

$("#slider-result").html((ui.value>0?'+':'') + ui.value);

由于您只能在'+'方法中使用''或html()，因此它将仅放置这些值，而不包括实际值。

关于javascript - 在JQuery输出的正数上添加加号“+”，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29636404/