mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-02-07 07:10:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

replaced dynamic inputs detection

Browse Source
This commit is contained in:
Federico Zivolo 2014-09-23 11:21:38 +02:00
parent b0fbe5fd61
commit 13475c58a3
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
scripts/material.js
View File

@ -4,7 +4,7 @@ $(function (){
ripples.init(".btn:not(.btn-link), .navbar a, .nav-tabs a, .withripple"); ripples.init(".btn:not(.btn-link), .navbar a, .nav-tabs a, .withripple");
$(document).bind("DOMSubtreeModified", function(){ var initInputs = function() {
// Add fake-checkbox to material checkboxes // Add fake-checkbox to material checkboxes
$(".checkbox > label > input").not(".bs-material").addClass("bs-material").after("<span class=check></span>"); $(".checkbox > label > input").not(".bs-material").addClass("bs-material").after("<span class=check></span>");
@ -12,7 +12,7 @@ $(function (){
$(".radio > label > input").not(".bs-material").addClass("bs-material").after("<span class=circle></span><span class=check></span>"); $(".radio > label > input").not(".bs-material").addClass("bs-material").after("<span class=circle></span><span class=check></span>");
// Add elements for material inputs // Add elements for material inputs
$("input.form-control, textarea.form-control, select.form-control").each( function() { $("input.form-control, textarea.form-control, select.form-control").not(".bs-material").each( function() {
if ($(this).is(".bs-material")) { return; } if ($(this).is(".bs-material")) { return; }
$(this).wrap("<div class=form-control-wrapper></div>"); $(this).wrap("<div class=form-control-wrapper></div>");
$(this).after("<span class=material-input></span>"); $(this).after("<span class=material-input></span>");
@ -32,8 +32,17 @@ $(function (){
} }
}); });
}).trigger("DOMSubtreeModified"); };
initInputs();
// Support for "arrive.js" to dynamically detect creation of elements
// include it before this script to take advantage of this feature
// https://github.com/uzairfarooq/arrive/
if (document.arrive) {
document.arrive("input, textarea, select", function() {
initInputs();
});
}
$(document).on("keyup change", ".form-control", function() { $(document).on("keyup change", ".form-control", function() {
var self = $(this); var self = $(this);
@ -67,4 +76,3 @@ $(function (){
$(this).prev().val(value); $(this).prev().val(value);
}); });
}); });