我开发了一个小的javscript小部件来将一些嵌套的<ul>块转换为Windows资源管理器样式的浏览器.我最近了解了对象文字模式,并决定试一试,所以我的代码组织是这样的:
var myExplorer = {
init : function(settings) {
myExplorer.config = {
$wrapper : $('#explorerCategories'),
$contentHolder : $j('#categoryContent'),
loadingImg : '<img src="../images/standard/misc/ajax_loader.gif" alt="loading" class="loading" />'
}
// provide for custom configuration via init()
if (settings && typeof(settings) == 'object') {
$.extend(myExplorer.config, settings);
}
// some more code...
},
createExpanderLink : function() {
// more code
},
anotherMethod : function() {
// etc
}
}
Run Code Online (Sandbox Code Playgroud)
然后在我的页面中,我设置了我的探险家:
$j(function () {
myExplorer.init();
}
Run Code Online (Sandbox Code Playgroud)
顺便说一句,这一切都很好.问题是当我想在同一页面上拥有多个这些资源管理器样式小部件时.我试过传递不同的设置:
$j(function () {
// first instance
myExplorer.init(); …Run Code Online (Sandbox Code Playgroud) 我已经实现了这里讨论的解决方案: JQuery Datetime选择器 - 只需选择月份和年份.它运作良好.我发现的唯一问题是,当日期选择器出现在输入字段上方时(例如,当下面没有足够的空间时),选择器的位置是错误的(它太高,在选择器和输入之间留下间隙)领域).
大概这是因为我在 jquery计算其高度后动态隐藏了月中的日期,因此它被定位为好像它仍然是完整的datepicker.任何人有任何想法如何解决这个问题?
我有一个cms,可让用户在页面上插入内容块。用户可以使用不同类型的内容块,并且可以按任何顺序插入它们。一个示例高级dom结构可能看起来像这样:
<p>Some rich text</p>
<div class="box">...</div>
<div class="box">...</div>
<div class="box">...</div>
<h3>Some more rich text</h3>
<p>Lorem ipsum</p>
<div class="box">...</div>
<div class="box">...</div>
Run Code Online (Sandbox Code Playgroud)
我想做的就是将所有相邻的“ box” div包裹在一个“ container” div中。因此,在上面的示例中,将插入两个“容器” div,因为有两组box div,结果是:
<p>Some rich text</p>
<div class="container">
<div class="box">...</div>
<div class="box">...</div>
<div class="box">...</div>
</div>
<h3>Some more rich text</h3>
<p>Lorem ipsum</p>
<div class="container">
<div class="box">...</div>
<div class="box">...</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我认为没有使用CSS选择器的聪明方法,所以有人知道无论如何要使用jQuery吗?
我使用ES2016导入语法从npm模块加载select2 libray(通过Webpack):
import 'select2';
Run Code Online (Sandbox Code Playgroud)
这很好用,并从node_modules目录加载以下文件.
node_modules /选择2 /距离/ JS/select2.js
现在在该目录中,他们有一个完整版本的库,它有一些我需要的额外功能,它被称为:
node_modules /选择2 /距离/ JS/select2.full.js
有没有办法导入这个而不提供我的node_modules文件夹的完整相对路径?
我试过了:
import 'select2.full'
Run Code Online (Sandbox Code Playgroud)
但没有运气.
jquery ×3
css ×2
javascript ×2
datepicker ×1
dom ×1
jquery-ui ×1
node.js ×1
npm ×1
object ×1
webpack ×1