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

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>

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

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

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