回到頂部

Select2 鼠標點擊空白處不消失簡單測試和解決方法

時間:4年前   作者:龐順龍   瀏覽:1577   [站內原創,轉載請注明出處]

標簽: Select2  

Select2 鼠標點擊空白處不消失簡單測試和解決方法  

demo見附件

1、參照官網下載 http://select2.github.io/

2、demo結構如下

3、按照官網demo


<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="jquery.min.1.10.2.js" type="text/javascript"></script>
    <script src="bootstrap.js" type="text/javascript"></script>
    <link href="bootstrap.css" rel="stylesheet" type="text/css" />
    <script src="select2.full.js" type="text/javascript"></script>
    <link href="select2.css" rel="stylesheet" type="text/css" />
</head>
<body>
   
        <select class="js-basic-multiple js-states form-control" multiple="multiple" id="selTagText"
                title="選擇">
            <optgroup label="全部">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
            </optgroup>
        </select>
        <script type="text/javascript" class="js-code-placeholder">
            $("#selTagText").select2({
                placeholder: "+選擇",
                allowClear: true,
                maximumSelectionLength: 5
            });
        </script>  
</body>
</html>

4、測試運行,發現鼠標點擊頁面空白區域下拉框不消失?

5、簡單測試發現,個人感覺是點擊區域問題,調試發現點擊所屬的父級容器,所以簡單處理就是可以在頁面加大高度,其實就是所在頁面的body第一層容器高度

<div class="container" style=" height:1000px;width:100%"> 
這樣select2所屬的父級容器高度就足夠了,點擊下面空白的地方就會自動隱藏下拉框咯。

龐順龍最后編輯于:4年前

內容均為作者獨立觀點,不代表八零IT人立場,如涉及侵權,請及時告知。

評論努力加載中...
暫無評論
暫無評論

手機掃碼閱讀

熱門相關

加載中...
關于我們   聯系我們   申請友鏈   贊助記錄   站點地圖
? 2014 - 2017 www.1255315.live All Rights Reserved. 京ICP備14042174號-1
本站遵循 CC BY 4.0 協議,轉載請注明出處 。
辽宁十一选五走实图 福建快3开奖数据 农业银行股票行情 辽宁11选五遗漏查询 山东快乐扑克3顺子查询 天津11选5规则 股票短线交易规则 今晚福建31选7开奖结果 排列三和值走势图 四川快乐12手机版 云南快乐10分前三组走势