小编BeN*_*ErR的帖子

我需要做的是在点击页面内容时显示一个按钮.此按钮只需显示3秒钟,然后必须自动淡出.

这是一个带示例的jsfiddle:

http://jsfiddle.net/EuCWp/2/

这是jquery代码:

$("#container").click(function(){
    $("#show").fadeIn().delay(400).fadeOut();
});

假设红色框是附加了click事件的页面内容.绿色框是按钮.

问题是,如果我一直按下红色方块,绿色按钮应保持可见,换句话说,每次点击红色方块时,延迟都需要重置为0.这在我的例子中没有发生,因为你可以看到如果你连续点击红色框3次,你就会得到这种行为

show, hide, show, hide, show, hide

代替

show, keep showed, keep showed, hide

有什么建议？在此先感谢任何帮助,最好的问候

编辑:

我还想在用鼠标盘旋时保持按钮打开..我怎么能得到这种行为？

再次感谢

我正在努力遍历一个无序列表,这是由kendo-ui生成的.看看它的标记,它看起来像这样:

<ul data-role="listview" data-style="inset" data-type="group" id="unitlist">
    <li>
        <li>
            <ul>
                <li id="signalRconveyanceId-P32-HMU-01">
                    <a href="/UnitDetails/Index/1">P32-HMU-01
                        <span class="statusicon" style="background-color: #468847"></span>
                    </a>
                </li>
                <li id="signalRconveyanceId-P32-HMU-02">
                    <a href="/UnitDetails/Index/2">P32-HMU-02
                        <span class="statusicon" style="background-color: #b94a48"></span>
                    </a>
                </li>
                <li id="signalRconveyanceId-XOS-STAGING">
                    <a href="/UnitDetails/Index/3">XOS-STAGING
                        <span class="statusicon" style="background-color: #468847"></span>
                    </a>
                </li>
                <li id="signalRconveyanceId-NWI-100">
                    <a href="/UnitDetails/Index/4">NWI-100
                        <span class="statusicon" style="background-color: #"></span>
                    </a>
                </li>
            </ul>
        </li>
    </li>
</ul>

我的javascript看起来像这样:

var listItems = $("#unitlist li");
listItems.each(function(li) {
    console.log(li);
});

我可以将列表中的行排除在外,但我得到的只是它们的索引号,在这种情况下是[0,...,6].我真正需要的是获取signalRconveyanceId-XXYY每个列表元素的id-part .我怎么能这样做？

我正在尝试将一个show/hide jQuery函数应用于html下拉框.我希望能够隐藏一个选项,并在选择下拉选项时显示另一个选项.这个jQuery使用普通按钮但不是下拉列表.

<select style="margin-left:30px;">
    <option value="" selected="selected">Please select a region</option>
    <option id="uk_btn" value="1">UK</option>
    <option id="usa_btn" value="2">USA</option>
</select>

<script>
    $("#usa_btn").click(function(){
      $("#usa_tbl").show();
      $("#uk_tbl").hide();
    });
</script>
<script>
    $("#uk_btn").click(function(){
      $("#uk_tbl").show();
      $("#usa_tbl").hide();
    });
</script>

我试图以编程方式打开/关闭选择下拉内容,但我无法弄清楚如何在选择上调用"打开"和"关闭"

这是一个例子:小提琴

码

$(document).keyup(function(e){
    if(e.which >= 48 && e.which <= 57){
        $("#myselect").click();
        $("#keyOpen").empty().text(e.which);
    }else if(e.which >= 58 && e.which <= 90){
        $("#myselect").trigger("click");
        $("#keyClose").empty().text(e.which);
    }
});

如果按下的键是数字(0-9),它应该打开,如果按下的键是char(az),则选择应该关闭.

这组char只是一个例子,我想将打开/关闭手势绑定到键盘输入.

有任何想法吗？

在此先感谢,最好的问候