小编Lio*_*rom的帖子

如何在文档加载完成后加载jQuery函数

奇怪的情况:

我正在使用jQuery和构建一个菜单栏CSS.
在我的JavaScript文件中,我有一个on-ready像这样的函数:

$(document).ready(function(e) {
    mark_active_menu();
}
Run Code Online (Sandbox Code Playgroud)

和...

function mark_active_menu() {
    var elementWidth = $("nav li").width();
    alert(elementWidth);
}
Run Code Online (Sandbox Code Playgroud)

出于某种原因,即使在所有文档完成加载之前,我也会收到宽度不正确的警报消息.只有当我发布消息时,文档的其余部分才会加载,并且我得到正确的宽度.

为什么在所有文档完成加载之前调用我的函数?有没有办法只在某个元素完成加载后加载函数(例如:nav元素)?

javascript jquery events

7
推荐指数
2
解决办法
3万
查看次数

浏览器可以将插件与插件的插件一起使用

我正在开展一些反应和浏览,并有这些愿望:

  • 我想将我编写的所有代码捆绑到一个文件中
  • 我想将所有第三方依赖项(react,react-router,lodash等)捆绑到单独的文件中,每个lib一个,以最大化缓存可能性

我设法做了上述的事情,但我遇到了这种特殊情况:

在我的代码的某些地方,我想使用与插件的反应,因此需要像这样:var React = require('react/addons).我不会在我的代码的所有部分中执行此操作,并且不会在第三方依赖项(例如react-router)中执行此操作.这似乎造成了冲突.浏览器化的捆绑包只能通过var React = require('react/addons)它来破坏第三方依赖关系,或者我将不得不捆绑反应有或没有插件,其中反应的menas捆绑和下载两次.

我尝试使用aliasifyreact为别名创建,react/addons但我无法使其工作.这有可能吗?

另一个可接受的解决方案是将插件捆绑在一个单独的捆绑包中,reactreact/addons通过调用来生成两者并可用require.这有可能吗?

添加 作为BrandonTilley对第一条评论的评论,这不仅适用于React和插件.Lodash还附带了许多不同的发行版,我希望能够在这种情况下选择在我的webapp中使用的版本.

node.js browserify reactjs

7
推荐指数
1
解决办法
1697
查看次数

打开具有不同HTML内容的打印对话窗口

为了打开当前页面的打印对话框,我们执行以下操作:

<a href="javascript:window.print()">Print</a>
Run Code Online (Sandbox Code Playgroud)

如何在当前页面中创建一个链接,该链接将打开与实际页面不同的上下文的打印对话框?


Chrome中的"打印"对话框: 在此输入图像描述

html javascript css printing

7
推荐指数
2
解决办法
9348
查看次数

始终使用CodeIgniter分页类显示上一个和下一个链接

问题描述
当我在第一页时,previous链接没有显示,next当我在最后一页时链接也没有显示.我设置$config['prev_link']='previous'$config['next_link']='next'.

问题
如何使用CodeIgniter分页类始终显示上一个下一个链接作为<p>不使用时的标记?

更新
最终解决它自己.见下面的解决方案 致力于v2.1.3

php pagination codeigniter codeigniter-2

6
推荐指数
2
解决办法
2万
查看次数

如何用塞子制作粘性div

有人可以告诉我当我在网页上下载时这个效果是如何被调用的,并且有一个盒子最初位于页面的中间但是在向下的方向上卡在内容的一侧并且也跟着你页面底部.我在Facebook和许多网站上看到这个.我不知道'Div',因为它们仍然是固定的

对不起,我忘了写,只有页面顶部触及它们才会移动

html

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

使用jQuery/JavaScript将Alpha通道添加到背景颜色

我有一个jQuery函数,在事件发生时将Alpha通道添加到背景颜色.

这是我的jsFiddle.

CSS

div { background-color: rgb(100,100,100); }
Run Code Online (Sandbox Code Playgroud)

JavaScript的

function addAlphaChannel() {
    var oldBGColor = $('div').css('backgroundColor'); //rgb(100,100,100)
    var newBGColor = oldBGColor.replace('rgb', 'rgba').replace(')', ',.8)'); //rgba(100,100,100,.8)

    $('div').css({ backgroundColor: newBGColor });
}
Run Code Online (Sandbox Code Playgroud)

这段代码工作正常,但我想知道是否有更好的方法来添加/更改alpha通道?

任何帮助都感激不尽.

html javascript css jquery alpha

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

左侧列固定时,滚动HTML表水平和垂直

我正在尝试创建一个HTML表格,其高度有限,左侧保持固定,同时水平滚动(表体可水平滚动)但在垂直滚动时不固定(左侧将可滚动与表的其余部分).

fixed    scrollable
  1     body content
  2     body content
  3     body content
  4     body content
  .          .
  .          .
  .          .
Run Code Online (Sandbox Code Playgroud)

然而,我找到了这个解决方案,它只解决了水平滚动问题.在Eamon Nerbonne jsFiddle示例中,向height: 150px;div 添加一个将演示我正在尝试解决的错误.

我想找到一个只涉及HTML和CSS的解决方案.

html css scroll html-table css3

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

使用MVC 4捆绑外部JavaScript文件

我在网上有不同的脚本:

externalurl/INTE /普通/ JS/script1.js

externalurl/INTE /普通/ JS/script2.js

externalurl/INTE //公共/ JS/script3.js

externalurl/INTE //公共/ JS/script4.js

externalurl/INTE //公共/ JS/script15.js

如何在我的解决方案中创建外部JavaScript的javascript包?

    bundles.Add(new ScriptBundle("~/bundles/inte").Include(
            "http://url/inte/common/js/script1.js",
            "http://url/inte/common/js/script2.js",
            "http://url/inte/common/js/script2.js));
Run Code Online (Sandbox Code Playgroud)

javascript asp.net-mvc bundle asp.net-mvc-4 bundling-and-minification

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

在jQuery中使用BIND或ON函数的最佳实践

最近,jQuery团队开始建议使用on而不是bind将事件绑定到DOM.

我想知道是否有他们之间的差异,什么是使用的好处on功能,如果它会改变我所有的良好的通话bind的到on的功能在我的代码?

javascript jquery events binding jquery-mobile

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

算法:优化“平衡括号”

我被提出以下问题...

给定字符串“({{[}])中N个不同的打开和闭合大括号,请检查字符串是否具有匹配的大括号。如果大括号匹配,则返回true,否则返回false。

这是我想出的答案...

function braceeql(braces){
  var leftpar = 0; 
  var rightpar = 0; 
  var leftbrace = 0;
  var rightbrace = 0;
  var leftcurl = 0;
  var rightcurl = 0;

  for(var index = 0; index < braces.length; index++){
    if(braces[index] == ')'){
      leftpar += 1;
    }else if(braces[index] == '('){
      rightpar += 1;
    }else if(braces[index] == '['){
      leftbrace += 1;
    }else if(braces[index] == ']'){
      rightbrace += 1;
    }else if(braces[index] == '{'){
      leftcurl += 1;
    }else if(braces[index] == '}'){
      rightcurl += 1;
    }
  } …
Run Code Online (Sandbox Code Playgroud)

javascript algorithm

4
推荐指数
2
解决办法
1674
查看次数