解決JS單擊事件設置的彈出模塊在點擊後閃現消失的問題

源代碼如下(主要就是在onclick事件後面,記得返回一個false):

# html代碼部分:
<button onclick="diago({{ cate.id }});return false;" class="am-btn am-btn-default am-btn-xs am-text-secondary" id="editcate">
    <a href="">
        <span class="am-icon-pencil-square-o"></span> 編輯
    </a>
</button>
<div name="editdiv" id="editdiv">
        <form method="post" action="" id="editform">
            <input type="text" name="cat" id="cat">
            <input type="submit" value="立即修改" style="font-size: 1.5rem; background-color: white; color: #337ab7">
        </form>
</div>

# js代碼部分:
<script type="text/javascript">
        function diago(cid) {
            var _editcate = document.getElementById('editcate');
            var _editdiv = document.getElementById('editdiv');
            _editdiv.style.display = 'block';
            console.log(cid)
        }
    </script>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章