如何将变量转换为选项
How to turn variables in to options?
可能重复:
您将如何更改这种代码?
我该如何通过jQuery将这些变量传递给选项,这样当用户使用插件时,他们必须从HTML初始化插件,如下所示:
<script>
$('.elem').pluginName({
theme: 'blue',
animSpeed: 200
});
</script>
这是我的jQuery代码。很乱,但看看。如何将变量更改为选项?
$(function () {
var theme = "sunburst";
var btnColor = "yellow";
var icon = "power";
var message = "Hello World";
var animSpeed = 300;
var animType = 'fadeIn';
var btnText = "Purchase";
var btnLink = 'http://www.google.com';
var closeStyle = "dark";
var content =
'<div id="mn_close" class="' + closeStyle + '"></div>' +
'<div id="mn_border"></div>' +
'<i class="icon-' + icon + '"></i>' +
'<span class="mn_message">' + message + '</span>';
// '<a href="' + btnLink + '" class="button ' + btnColor + '">' + btnText + '</a>';
$("#mn_close").live("click", function () {
$('.mn_bar').animate({
height: '0'
}, animSpeed, function () {});
});
var mn_bar = $(".mn_bar");
mn_bar.append(content);
$(function () {
mn_bar.addClass("animated");
mn_bar.addClass(animType);
mn_bar.addClass(theme)
});
});
或者这是jsfiddle。http://jsfiddle.net/LwGRV/6/
我也一直在尝试将代码实现为这种标准类型的jQuery代码,但未能合并:
;(function ( $, window, document, undefined ) {
var pluginName = "defaultPluginName",
defaults = {
propertyName: "value"
};
function Plugin( element, options ) {
this.element = element;
this.options = $.extend( {}, defaults, options );
this._defaults = defaults;
this._name = pluginName;
this.init();
}
Plugin.prototype = {
init: function() {
},
yourOtherFunction: function(el, options) {
// some logic
}
};
$.fn[pluginName] = function ( options ) {
return this.each(function () {
if (!$.data(this, "plugin_" + pluginName)) {
$.data(this, "plugin_" + pluginName, new Plugin( this, options ));
}
});
};
})( jQuery, window, document );
如果有人能对此有所了解,请提前表示感谢。
您应该了解以下内容:http://api.jquery.com/jQuery.extend/您的变量应该存储在一个对象中。
相关文章:
- AngularJs列表ng单击以选择选项转换
- 使用CSS在选项卡更改时平滑颜色转换
- 选项卡式元素上的动画CSS转换
- 关于&从win8 RC转换为win8 RTM后,首选项弹出按钮为空
- 使用select选项转换时间.使用javascript
- 如何在Ionic Framework中实现选项卡页面之间的转换
- 在转换后的 UL 列表中添加选择选项
- jQuery:将按钮过滤器转换为选择菜单选项
- 将文件转换为数组并使用数据列表和选项标签为自动完成文本框添加数组元素
- 将 Jquery 可筛选产品组合转换为选项选择
- 将引导选项卡栏转换为移动大小的手风琴菜单
- Html将5个数据属性转换为jquery插件选项格式
- 将apple选项卡空间转换为
- 将每个选择选项值转换为值列表
- 更改/添加jQuery选项卡转换
- 加载<选项>转换为<选择>当<选择>单击
- 动态添加“;选择“;通过DOM转换为HTML选项
- 如何使用jQueryUI选项卡进行CSS转换
- 将数据选项转换为json
- 转换& lt; select>在ASP.NET中将jQuery的选项转换为数组