Javascript 如何使此函数与我的模板一起工作
我有一个功能,在另一个网站上工作,但不知何故,它将无法与这个(免费)模板,我正在使用 主js文件以某种方式将所有函数组合在一起,只需将代码粘贴到main.js文件中,我就会看到一个Javascript 如何使此函数与我的模板一起工作,javascript,jquery,html,Javascript,Jquery,Html,我有一个功能,在另一个网站上工作,但不知何故,它将无法与这个(免费)模板,我正在使用 主js文件以某种方式将所有函数组合在一起,只需将代码粘贴到main.js文件中,我就会看到一个下拉列表,但未定义该下拉列表 我的职能: dropdown = function(e){ var obj = $(e+'.dropdown'); var btn = obj.find('.btn-selector'); var dd = obj.find('ul'); var opt =
下拉列表,但未定义该下拉列表
我的职能:
dropdown = function(e){
var obj = $(e+'.dropdown');
var btn = obj.find('.btn-selector');
var dd = obj.find('ul');
var opt = dd.find('li');
obj.on("mouseenter", function() {
dd.show();
}).on("mouseleave", function() {
dd.hide();
})
opt.on("click", function() {
dd.hide();
var txt = $(this).text();
opt.removeClass("active");
$(this).addClass("active");
btn.text(txt);
});
}
然后,在文档准备就绪的包装中,我调用:
dropdown('#lang-selector');
对于以下HTML代码:
<div id="lang-selector" class="dropdown">
<a href="index.php?lang=nl" class="btn-selector">NL</a>
<ul>
<li><a href="index.php?lang=en">EN</a></li>
<li><a href="index.php?lang=nl">NL</a></li>
</ul>
</div>
这就是所谓的:
$(document).ready(function(){
PreLoader.init();
CustomTheme.init();
MediaPlayer.init();
});
我尝试通过在变量前面添加var,然后调用dropdown.init()来将dropdown
转换为变量;但这给了我下拉列表.init();不是函数
我怎样才能使它像其他功能一样工作
预加载程序功能符合要求:
// preloader
var PreLoader = function () {
var _initInstances = function () {
$('.animsition').animsition({
// loadingClass: 'loader',
inDuration: 900,
outDuration: 500,
linkElement: 'a:not([target="_blank"]):not([href^="#"]):not([href^="javascript:void(0);"])',
});
};
return {
init: function () {
_initInstances();
}
};
}();
你能发布
preload
和MediaPlayer
方法代码吗?另外,我没有得到下拉列表未定义
@VilasKumkar我将在我的问题中添加预加载函数。
// preloader
var PreLoader = function () {
var _initInstances = function () {
$('.animsition').animsition({
// loadingClass: 'loader',
inDuration: 900,
outDuration: 500,
linkElement: 'a:not([target="_blank"]):not([href^="#"]):not([href^="javascript:void(0);"])',
});
};
return {
init: function () {
_initInstances();
}
};
}();