После проверки этих плагинов я обнаружил, что этот плагин имеет простые объяснения в своем исходном коде. Так что я проверил его пару минут и нашел ответ на ваши вопросы.
Во-первых, вы хотите изменить начальную точку с <form>
на <div>
или что-то еще. Откройте код плагина jNIce (.js
) и прокрутите до конца файла, затем измените эту строку:
/* Automatically apply to any forms with class jNice */
$(function(){$('form.jNice').jNice(); });
до:
/* Automatically apply to any forms with class jNice */
$(function(){$('div.jNice').jNice(); });
А в body
html просто удалите место class="jNice"
в <div>
, в котором есть form
элементов (input
, select
, button
и т. Д.). Плагин автоматически изменит их стиль.
Во-вторых, вы сказали, что хотите остановить некоторые изменения в своих изменениях. Перейдите к строке 27 в плагине jNice, и вы увидите, что:
$('input:submit, input:reset, input:button', this).each(ButtonAdd);
$('button').focus(function(){ $(this).addClass('jNiceFocus')}).blur(function(){ $(this).removeClass('jNiceFocus')});
$('input:text:visible, input:password', this).each(TextAdd);
/* If this is safari we need to add an extra class */
if (safari){$('.jNiceInputWrapper').each(function(){$(this).addClass('jNiceSafari').find('input').css('width', $(this).width()+11);});}
$('input:checkbox', this).each(CheckAdd);
$('input:radio', this).each(RadioAdd);
$('select', this).each(function(index){ SelectAdd(this, index); });
Если вы хотите, чтобы jNice прекратил изменять элементы form
, которые вам не нравятся, просто оставьте комментарий \\
или удалите его строку. Например, я не хочу использовать стиль select
box, я добавил комментарий:
\\$('select', this).each(function(index){ SelectAdd(this, index); });
Надеюсь, вы нашли это полезным:)