Người Viết : ViKiMi Editor

Các thiết kế Bootstrap Buttons mang lại hiệu quả cao, giữ tỷ lệ người dùng trên Website!
Xử lý Bootstrap Buttons để thiết kế Website, thực sự đã đem lại những Button thực sự đẹp mắt và hiệu quả. Những Button đạt chuẩn luôn là điều dễ dàng khiển cho Website đẹp hơn. Đặc biệt các Hành Động của Website khi có các Button thiết kế đẹp mắt thường sẽ tạo nên mỹ quan tốt giúp người dùng có trạng thái tốt nhất để lựa chọn.
Một Button đẹp mắt dễ làm cho người dùng được lưu lại lâu hơn và yên tâm nhiều vào quyết định. Tỷ lệ giữ chân người dùng lâu hơn, thành công nhiều hơn. Bootstrap Buttons đem lại khả năng thiết kế rất tốt trong trường hợp này. Hãy yên tâm khi lựa chọn Bootstrap Buttons.
BOOTSTRAP BUTTONS CUNG CẤP NHỮNG PHƯƠNG THỨC :
+ .button(“toggle”) : Giúp tạo một Button có hiệu ứng toggle khi được Click
<body> <div class="container"> <h1>BUTTON (TOGGLE)</h1> <button type="button" class="btn btn-primary">Testing Button</button> </div> <script> $(document).ready(function(){ $(".btn-primary:first").click(function(){ $(this).button('toggle'); }); }); </script> </body>
+ .button(“loading”) : Giúp Disable Button và Thay đổi Text của Button thành “loading…”
<body> <div class="container"> <h1>BUTTON (LOADING)</h1> <button type="button" class="btn btn-primary">Testing Button</button> </div> <script> $(document).ready(function(){ $(".btn-primary").click(function(){ $(this).button('loading'); }); }); </script> </body>
+ .button(“reset”) : Giúp thay đổi Text của Button về lại nội dung Text ban đầu / original text
<body> <div class="container"> <h1>BUTTON (RESET)</h1> <button type="button" class="btn btn-primary">Testing Button</button> </div> <script> $(document).ready(function(){ $(".btn-primary").click(function(){ $(this).button("loading").delay(1000).queue(function(){ $(this).button("reset"); $(this).dequeue(); }); }); }); </script> </body>
+ .button(“string”) : Giúp thiết lập Text của Button
<body> <div class="container"> <h1>BUTTON (STRING)</h1> <button type="button" class="btn btn-primary">Testing Button</button> </div> <script> $(document).ready(function(){ $(".btn-primary").click(function(){ $(this).button('loading').delay(1000).queue(function(){ $(this).button('NEW BUTTON TEXT'); $(this).dequeue(); }); }); }); </script> </body>
Những Phương thức được cung cấp bởi Bootstrap, cho chúng ta rất nhiều tiện ích. Sự vận dụng trong thiết kế là hoàn toàn tốt, tăng khả năng giữ chân người dùng lâu nhất có thể. Bí quyết giữ chân người dùng cũng nằm trong thiết kế giao diện Website có đủ khả năng giữ chân người dùng hay không. Vậy không thể bỏ qua các Phương Thức dành cho Buttons của Bootstrap, để tạo nên thành công.
Lưu ý : Phương Thức queue() cho phép đưa các chức năng vào hàng đợi và thực thi trên các phần tử được chọn. Hàng đợi giúp thực thi đa luồng trên một CPU máy tính. Phương thức này có thể đi cùng với Phương Thức dequeuer()
Khi bạn thực hiện thêm một Fucntion với Queue(), Hãy đảm bảo rằng phương thức Dequeue() được gọi, để cho phép quá trình tiếp tục. Như vậy đảm bảo tất cả các hoạt động trên Website được tiếp tục.