Как бы вы изменили этот код? [закрыто]
У меня есть следующий код, но яЯ все еще довольно плохо знаком с JQuery, и яЯ уверен, что это грязный код, который можно сделать короче или, возможно, использовать меньше переменных для создания лучшего динамического плагина. Я'Я пытаюсь экспериментировать с различными типами логики. Вот'с кодом.
$.pluginName = (function () {
$(function () {
var message = "Hello World!";
var animSpeed = 300;
var animType = 'fadeIn';
var icon = "pin";
var btnText = "Purchase";
var btnColor = "pink";
var btnLink = 'http://www.google.com';
var content = '' + '' + '' + '<span class="mn_message">' + message + '</span>' + '<a href="' + btnLink + '" class="button ' + btnColor + '">' + btnText + '</a>';
$("#mn_close").live("click", function () {
$('.mn_bar').animate({
top: '-50'
}, animSpeed, function () {});
});
$(".mn_bar").append(content);
$(function () {
$(".mn_bar").addClass("animated");
$(".mn_bar").addClass(animType);
})
})
})(jQuery);
Любые советы о том, как передать эти переменные в параметры, которые пользователь может динамически изменять из источника HTML? Я'Я не ожидаю подробных ответов, но яБуду признателен за любую переданную помощь.
EDI: JS Fiddle с CSS и HTML.
Заранее спасибо!