te')); return $arr; } /* 遍历用户所有主题 * @param $uid 用户ID * @param int $page 页数 * @param int $pagesize 每页记录条数 * @param bool $desc 排序方式 TRUE降序 FALSE升序 * @param string $key 返回的数组用那一列的值作为 key * @param array $col 查询哪些列 */ function thread_tid_find_by_uid($uid, $page = 1, $pagesize = 1000, $desc = TRUE, $key = 'tid', $col = array()) { if (empty($uid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('uid' => $uid), array('tid' => $orderby), $page, $pagesize, $key, $col); return $arr; } // 遍历栏目下tid 支持数组 $fid = array(1,2,3) function thread_tid_find_by_fid($fid, $page = 1, $pagesize = 1000, $desc = TRUE) { if (empty($fid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('fid' => $fid), array('tid' => $orderby), $page, $pagesize, 'tid', array('tid', 'verify_date')); return $arr; } function thread_tid_delete($tid) { if (empty($tid)) return FALSE; $r = thread_tid__delete(array('tid' => $tid)); return $r; } function thread_tid_count() { $n = thread_tid__count(); return $n; } // 统计用户主题数 大数量下严谨使用非主键统计 function thread_uid_count($uid) { $n = thread_tid__count(array('uid' => $uid)); return $n; } // 统计栏目主题数 大数量下严谨使用非主键统计 function thread_fid_count($fid) { $n = thread_tid__count(array('fid' => $fid)); return $n; } ?>javascript - bootstrap modal popup not closing - Stack Overflow

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

    最新消息：雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客
    你的位置： 首页>programmer>javascript - bootstrap modal popup not closing - Stack Overflow

    javascript - bootstrap modal popup not closing - Stack Overflow

    programmeradmin2浏览0评论

    I'm having trouble using a bootstrap modal popup. Calling a popup is no issue, but trying to close it yields strange results. Instead of just hiding the popup and removing the backdrop, the popup gets hidden but another backdrop gets added, turning the screen almost black. the original backdrop does not get removed.

    Below is the html code I've tried to use

    <div id="popupDelete" class="modal hide fade" role="dialog">
    <div class="modal-header">delete transaction line?</div>
    <div class="moda-body">
        <button id="deleteYes">yes</button>
        <button class="cancelButton" data-dismiss="modal">no</button>
    </div>
</div>

    this is what I got from the bootstrap 2.3 docs and should work out of teh bix, like everything else from bootstrap.

    I've also tried using javascript with the $('#popupDelete').modal('hide'); function, which had the same effect.

    I'm having trouble using a bootstrap modal popup. Calling a popup is no issue, but trying to close it yields strange results. Instead of just hiding the popup and removing the backdrop, the popup gets hidden but another backdrop gets added, turning the screen almost black. the original backdrop does not get removed.

    Below is the html code I've tried to use

    <div id="popupDelete" class="modal hide fade" role="dialog">
    <div class="modal-header">delete transaction line?</div>
    <div class="moda-body">
        <button id="deleteYes">yes</button>
        <button class="cancelButton" data-dismiss="modal">no</button>
    </div>
</div>

    this is what I got from the bootstrap 2.3 docs and should work out of teh bix, like everything else from bootstrap.

    I've also tried using javascript with the $('#popupDelete').modal('hide'); function, which had the same effect.

    • javascript
    • jquery
    • twitter-bootstrap
    • popup
    • modal-dialog
    Share Improve this question asked Aug 27, 2013 at 11:26 dreagandreagan 2,4466 gold badges25 silver badges35 bronze badges 1
    • 1 I just tried your code in my application and it works. Maybe some of your other JS interferes? – notan3xit Commented Aug 27, 2013 at 11:33
    Add a ment  | 

    7 Answers 7

    Reset to default 7

    This one worked for me

    $('#popupDelete').modal('toggle');

    I'm not sure if this is causing the problem, but there is a typo. It's

    <div class="modal-body">

    in line 3. There is missing an "l"

    There was indeed javascript conficting with the closing of the popup. There was a line of javascript messing with all popups when clicking on a parent container, forcing them open again.

    @dreagan, it may be happening like, when you click on open button for example, the popup is created dynamically, So you may be required the close Try this : 

    $('#popupDelete').close()

    OR 

    $.modal.close();

    Refer this How do you close a jQuery Simplemodal?

    Whenever possible, place your modal HTML in a top-level position to avoid potential interference from other elements. You’ll likely run into issues when nesting a .modal within another fixed element.

    Way to create a modal dynamically (Bootstrap 5):

    Html:

    ...
<button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="close_modal();">
<span aria-hidden="true">&times;</span>
</button>
...

    Javascript:

    var my_modal = new bootstrap.Modal(document.getElementById('my_modal'), {
    keyboard: false
})

// To open
function open_modal () {
    my_modal.open();
}

// To close
function close_modal ()
{
   my_modal.hide();
}

    Check you have added the scripts as well. and try toggle method to hide the modal.

    与本文相关的文章

    发布评论

    评论列表(0)

    1. 暂无评论