Javascript 多个滑块onMouseOut事件

基本上我有一个jQuery滑块。当我单击文本框时，滑块div将显示。以下是我的html代码：

<div id="menu">
            <ul>
                <li><a href="JavaScript:getLiveTraffic()">Live Traffic Condition</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
            </ul>
        </div>

然后，滑块下方的span类在其滑动时更改值。但是，我不知道如何将值设置到文本框输入中

此外，当通过滑动滑块完成时间选择时，时间id应该隐藏。我不知道如何执行onMouseOut事件，因为有两个滑块

---

提前谢谢。

我不确定你到底想达到什么目的。 我想为你的两个问题发布一个答案

要将该值设置到文本框输入中，您可以如下操作：

HTML:

.val（）

的文档如下：

---

当鼠标离开div时，执行以下操作：

HTML:

.mouseout（）

的文档如下：

---

希望这有帮助。

你是说这样的事情吗

$("#divGetLiveTraffic").on("click", "timeI", function(){
  $(this).val($("#hourd").text() + $("#mind").text());
});

$("divGetLiveTraffic").on("mouseout", "timeI", function(){
  //.........
});

---

这不是HTML代码。我正在动态地创建html组件作为这个线程的第二部分。不幸的是，两者都不起作用。文本框输入一直显示0:00，尽管我滑动了它，onMouseOut也不起作用。我已经更新了答案，我想你需要的是使用javascript和jquery的api，希望这会对你有所帮助！当然，谢谢你的努力。我已经想出了解决的办法。谢谢！但是我在一个div中有两个滑块。所以当我从第一个滑块切换到第二个滑块时，它会执行onMouseOut事件。有没有任何可能的方法可以这样做：我滑动完两个滑块，然后启动onMouseOut事件

function getStartTime()
{
    $("#hour").slider({max: 23});
        $("#hour").on("slide", function(event, ui)
        {
            document.getElementById("hourd").innerHTML = ui.value + ":";
            ;
        });
        $("#min").slider({max: 59});
        $("#min").on("slide", function(event, ui)
        {
            document.getElementById("mind").innerHTML = ui.value + "";
            ;
        });
        $("#timeI").click(function(evt) {
            $("#timePicker").show();
        });

}

<input type="text" id="time1">

$("#time1").val("new value");

<div id="myarea">
   myarea
</div>

$( "#myarea" ).mouseout(function() {
  // now mouse is out of 'myarea'
});

$("#divGetLiveTraffic").on("click", "timeI", function(){
  $(this).val($("#hourd").text() + $("#mind").text());
});

$("divGetLiveTraffic").on("mouseout", "timeI", function(){
  //.........
});