Question

这是我的代码..

<div id="hint-toggle" class="ui-body ui-body-e" style="display: none">
   <p>No Hints available right now,check it later</p>
</div>

<button id="show-hint" onclick="showHint();"type="submit" data-inline="true" data-theme="c">Show Hint</button>

<script type="text/javascript">
    function showHint(event){
    $("#hint-toggle").toggle();
        }
</script>

点击show hint按钮后会出现但在2秒内它会消失..我的代码中是否有任何遗漏？请帮助我。我想显示hint-toggle，直到我再次按show hint按钮。

仅供参考：http://jsfiddle.net/shreeramns/rUKbh/

Answer 1

要阻止提交按钮采取默认操作，您应该阻止默认操作：

<button id="show-hint" onclick="showHint(event);" type="submit" data-inline="true" data-theme="c">Show Hint</button>

注意我们如何传入JS中的event对象

function showHint(event) {
    event.preventDefault();
    $("#hint-toggle").toggle();
}

演示：http://jsfiddle.net/DDsZn/

单击按钮后，jquery切换快速消失

1 个答案: