顯示具有 Bootstrap 標籤的文章。 顯示所有文章
顯示具有 Bootstrap 標籤的文章。 顯示所有文章

2021年2月3日 星期三

Bootstrap 問題 找不到popper.js

Bootstrap4.5.3使用了bootstrap-select 或是bootstrap-multiselect都會遇到下面問題
Uncaught TypeError: Bootstrap's dropdowns require Popper.js
collapse.js:363 Uncaught TypeError: u is not a constructor
缺少了Popper.js檔可至cdn下載所需的但目前版本v2.x以上好像也不行
使用popper.js 1.16.1的話是可以的
參考來源
https://stackoverflow.com/questions/60837918/dropdown-js186-uncaught-typeerror-u-is-not-a-constructor-returning-when-i-clic
Bootstrap 4 error “Bootstrap dropdown require Popper.js”, with Aurelia CLI and Require.js

2015年5月13日 星期三

Bootstrap Multiselect

接到一個功能是要多選checkbox
忽然想到能不能下拉select 時有checkbox
在網路上找到bootstrap-multiselect
功能相當齊全使用也簡單給需要的人參考
加入參考
<link href="/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
<script src="/js/bootstrap-multiselect.js" type="text/javascript"></script>
Html部份
<select  id="selecttest" multiple="multiple">
略...
</select>
js部份

            $('#selecttest').multiselect({
                includeSelectAllOption: true,
                selectAllText: '全選',
                nonSelectedText :'未選擇',
                allSelectedText : '已全選'
            });

還有許多屬性可以使用
如果都沒有時select的val()是null

2014年10月2日 星期四

Bootstrap ColorSelector for Bootstrap

很少使用colorpicker,找了許多jquery的UI有點麻煩
有的有圈圈看起來很酷,但很占畫面空間
於是找了一個超簡單的ColorSelector for Bootstrap

2014年7月9日 星期三

Bootstrap cannot call methods on button prior to initialization

在Bootstrap中使用button地'load'功能
btn.button('loading');
發生下列問題
cannot call methods on button prior to initialization
網路查了一下,主要是jQuery UI的js檔錯誤,
檢查一下jquery ui的js是不是放於bootstrap的js上面

2014年2月6日 星期四

Bootstrap v3.1.0範例

最近很夯的東西
可以幫助程式設計師在沒有美編時也能做出美美的網站
官網
懶的每次都寫
所以先包好直接copy用
內含
modernizr-2.6.2.js
jquery-1.10.2.js
bootstrap.js
bootstrap-select.js
respond.js

點我下載