小编ben*_*enb的帖子

具有多个实例的javascript对象文字模式

我开发了一个小的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)

javascript jquery object

9
推荐指数
2
解决办法
5552
查看次数

jquery UI datepicker月和年只有css定位问题

我已经实现了这里讨论的解决方案: JQuery Datetime选择器 - 只需选择月份和年份.它运作良好.我发现的唯一问题是,当日期选择器出现在输入字段上方时(例如,当下面没有足够的空间时),选择器的位置是错误的(它太高,在选择器和输入之间留下间隙)领域).

大概这是因为我 jquery计算其高度动态隐藏了月中的日期,因此它被定位为好像它仍然是完整的datepicker.任何人有任何想法如何解决这个问题?

css jquery jquery-ui datepicker jquery-ui-datepicker

5
推荐指数
1
解决办法
2497
查看次数

jQuery包装相邻元素的组

我有一个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吗?

css jquery dom

5
推荐指数
2
解决办法
1642
查看次数

如何从npm包中请求替代js文件而不指定完整的node_modules路径

我使用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)

但没有运气.

javascript node.js npm webpack

4
推荐指数
1
解决办法
1404
查看次数