0

我在一个 html 页面上有 6 个 jquery ui 微调器。当我通过单击微调器按钮(向上或向下)更改第一个微调器的值时,我想隐藏图像。

当键盘更改第一个微调器的值时,图像被隐藏,但是当我通过微调器按钮更改时,图像没有隐藏。

这是成为微调器的输入文本

<input type="text" class="save_check controller_performance" id="txtCtrlr" name="txtCtrlr" value="0" style="width: 50px; border-style: none;" />

这是它成为微调器时的结构(从萤火虫复制)

<div class="ui-spinner">
<input type="text" style="width: 50px; border-style: none;" value="0" name="txtCtrlr" id="txtCtrlr" class="save_check controller_performance ui-spinner-box" autocomplete="off">
<button type="button" class="ui-spinner-up">▲&lt;/button><button type="button" class="ui-spinner-down">▼&lt;/button></div>

和我正在为其编写代码的微调器按钮

$(".ui-spinner-up").click(function (){
    console.log("in click function");
    var parentClass = $(this).parent().attr("class");
    $(this).siblings(".controller_performance").change(hideControllerPerformanceInfo);
    console.log("class is " + parentClass);
       $(parentClass).siblings(".controller_performance").change(function(){
        console.log("changing siblings");
        });
    var id = $('.'+ parentClass+ ':input').attr('id');
    console.log("id is --> " + id);
    if($(this).attr("id") == "txtCtrlr") {
         // hideControllerPerformanceInfo();
         $(".ui-spinner-box").bind("propertychange keyup input paste", hideControllerPerformanceInfo );
    }
});

有没有其他方法可以唯一标识第一个微调器并调用隐藏函数。我不能基于类作为选择器编写 jquery 代码,它将应用于所有微调器。

4

0 回答 0