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

added support for dynamically added inputs

Browse Source
This commit is contained in:
Federico Zivolo 2014-09-23 10:28:01 +02:00
parent fb654ebe89
commit fbe6dd3f89
1 changed files with 26 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
scripts/material.js
View File

@ -4,32 +4,37 @@ $(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");
// Add fake-checkbox to material checkboxes $(document).bind("DOMSubtreeModified", function(){
$(".checkbox > label > input").after("<span class=check></span>"); // Add fake-checkbox to material checkboxes
$(".checkbox > label > input").not(".bs-material").addClass("bs-material").after("<span class=check></span>");
// Add fake-radio to material radios // Add fake-radio to material radios
$(".radio > label > input").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() {
$(this).wrap("<div class=form-control-wrapper></div>"); $(this).addClass("bs-material");
$(this).after("<span class=material-input></span>"); $(this).wrap("<div class=form-control-wrapper></div>");
if ($(this).hasClass("floating-label")) { $(this).after("<span class=material-input></span>");
var placeholder = $(this).attr("placeholder"); if ($(this).hasClass("floating-label")) {
$(this).attr("placeholder", null).removeClass("floating-label"); var placeholder = $(this).attr("placeholder");
$(this).after("<div class=floating-label>" + placeholder + "</div>"); $(this).attr("placeholder", null).removeClass("floating-label");
} $(this).after("<div class=floating-label>" + placeholder + "</div>");
if ($(this).is(":empty") || $(this).val() === null || $(this).val() == "undefined" || $(this).val() === "") { }
$(this).addClass("empty"); if ($(this).is(":empty") || $(this).val() === null || $(this).val() == "undefined" || $(this).val() === "") {
} $(this).addClass("empty");
}
if ($(this).parent().next().is("[type=file]")) {
$(this).parent().addClass("fileinput");
var $input = $(this).parent().next().detach();
$(this).after($input);
}
});
if ($(this).parent().next().is("[type=file]")) {
$(this).parent().addClass("fileinput");
var $input = $(this).parent().next().detach();
$(this).after($input);
}
}); });
$(document).on("keyup change", ".form-control", function() { $(document).on("keyup change", ".form-control", function() {
var self = $(this); var self = $(this);
setTimeout(function() { setTimeout(function() {