小编fre*_*ler的帖子

我在选择中有多个选项.我已经对选项进行了排序并禁用了并使用jquery隐藏了重复的选项.该代码在chrome和firefox中运行良好,但在IE和Safari中,display:none的选项仍然显示出来.

这是代码的jsfiddle:

<select>
  <option value="5797">34</option>
  <option value="5809">37</option>
  ... 
  <option value="5653">71</option>
  <option disabled="" selected="selected" value="53">Eye</option>
  <option disabled="disabled" style="display: none;" value="5441">52</option>
  <option disabled="disabled" style="display: none;" value="5443">52</option>
  ...
  <option disabled="disabled" style="display: none;" value="5431">51</option>
</select>

http://jsfiddle.net/7vUdb/

我的客户要求他们的系统上的密码必须遵循一组特定的验证规则,并且我很难想出一个"漂亮"的正则表达式.

我给出的规则是......

• 最少8个字符
• 允许任何角色
• 必须至少有一个来自以下四种字符类型中的三种的实例...
  1. 大写字母
  2. 小写字符
  3. 数字数字
  4. "特殊字符"

当我按下更多时,"特殊字符"几乎就是其他所有内容(包括空格).

我可以使用以下内容轻松检查所有四个实例中的至少一个实例...

^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?\d)(?=.*?[^a-zA-Z0-9]).{8,}$

以下作品,但它太可怕而且凌乱......

^((?=.*?[A-Z])(?=.*?[a-z])(?=.*?\d)|(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[^a-zA-Z0-9])|(?=.*?[A-Z])(?=.*?\d)(?=.*?[^a-zA-Z0-9])|(?=.*?[a-z])(?=.*?\d)(?=.*?[^a-zA-Z0-9])).{8,}$

所以你不必自己解决,上面是检查(1,2,3|1,2,4|1,3,4|2,3,4)4组的4种可能组合(其中数字与规则集中的"类型"相关).

这样做有"更好",更清洁或更简单的方法吗？

(请注意,这将用于<asp:RegularExpressionValidator>ASP.NET网站中的控件,因此需要成为.NET和javascript的有效正则表达式.)

我的 windows 窗体应用程序有问题。当我创建 windows 窗体应用程序时，它显示窗体的源代码但不显示设计器布局

简单的问题,难以搜索(由于问题的主要部分是单个字母p)!

在ASP.NET中,<asp:Panel/>呈现为<div></div>块,<asp:Label/>呈现为<span></span>块...是否有一个呈现为<p></p>块的？

它从WebDN控件类的MSDN看起来不像它,但我想如果我错过了一些明显的东西我会问.

(我意识到显而易见的解决方案是只使用<p runat="server" id="p1"></p>和使用通用的html控件类)

我正在尝试实现HTML/CSS,其中li在全宽度无序列表元素(ul)中有四个列表项(),但我很难获得其中一个项目来使用该text-overflow:ellipsis命令.

结果应该是这样的......

+-------------------------------------------------------------------------------------------+
| Item One | Item Two Two Two Two Two Two Two Two Two Two Two ...  | Item Three | Item Four |
+-------------------------------------------------------------------------------------------+

第1,第3和第4项目将被锁定在位置 - 左侧第1项,第3项和第4项"锁定"在全宽区域的右侧.

第二项应该占用所有剩余空间,...溢出上有省略号.

该区域将在响应式设计中使用,因此将根据可用的屏幕区域进行扩展/缩小.

所有四个项目都包含可变数量的文本,但第二个项目将始终拥有最多.因此,第1,第3和第4应始终完全可见......但第2应该隐藏不适合的东西.

这是我最接近的(使用两个ul控件,浮动右侧的第3和第4项),但是只要我为第2项添加CSS,一切都会出错.("错误",我的意思是第二项包裹在下一行而不是停留在同一行并显示...)

#leftul {
    width:100%;
}
#rightul {
    float:right;
}
ul {
    margin:0;
    padding:0;
}
li {
    list-style-type:none;
    display:inline-block;
    border:1px solid black;
}
#leftul #leftlarge {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

<ul id="rightul">
    <li>Item Three</li> …

我正在研究jQuery UI和Bootstrap,我正在尝试实现可拖动/可排序的面板,这几乎可以正常工作.

我正在使用container模型(而不是container-fluid),我有多个面板.根据屏幕尺寸,面板设置为分布在不同的列上.

拖动不在最右侧列中的面板会使用鼠标移动面板,占位符将在鼠标下移动,除非您将其移动到最右侧的列上.

如果从最右侧列拖动面板,则面板将显示在下一个面板的位置.

任何人都可以解释为什么会发生这种情况,以及我如何使其正常工作 - 即我应该能够拖动任何面板并将其放置在任何位置？

要查看该问题,请查看此jsfiddle(单击此处查看完整大小)并尝试将不在右列中的面板拖到右列.并尝试拖动面板是在右列的任何地方.

HTML设置如下(仅显示前两个面板)...

<div class="container">
  <div id="sortable" class="row">
    <div class="col-lg-2 col-md-3 col-sm-4 col-xs-4">
        <div class="panel panel-default">
            <div class="panel-heading">Test 1</div>
            <div class="panel-body">Content</div>
        </div>
    </div>
    <div class="col-lg-2 col-md-3 col-sm-4 col-xs-4">
        <div class="panel panel-default">
            <div class="panel-heading">Test 2</div>
            <div class="panel-body">Content</div>
        </div>
    </div>
    ...
  </div>
</div>

jQuery被设置为......

$(function () {
    $("#sortable").sortable().disableSelection();
});

我正在使用jQuery 1.11.2,jQuery UI 1.10.3,Bootstrap 3.3.2

@AlexStack提供的答案(为每个添加一个透明的border-top <div>)几乎就在那里,但在 …

UPDATE

不幸的是,我通过谈论该.value属性引起了一些混乱,但随后要求在浏览器中提供任何功能支持.

事后看来,我想我现在需要的是知道是否.value"安全"使用,因此这就是我接受@ BeatAlex答案的原因(因为他们付出了努力来实际测试多个浏览器.

原始问题

使用javascript,获取/设置a中所选值的可接受方式是使用该属性.<option><select>.value

多年来我一直没有使用这个.value属性,因为我被告知"旧浏览器"不支持它.相反,我使用长的...

dd.options[dd.selectedIndex].value;

但我只是做了一些研究,我找不到任何提及这 "旧的浏览器"这样的效果.例如,这篇quirksmode文章甚至提到了"旧浏览器",但没有提供任何更多的信息.

哪个"旧浏览器"没有.value该<select>元素的属性？在主流浏览器中何时可以使用特定功能时,是否存在某个参考？

注意:遗憾的是,由于系统上使用了旧的第三方组件,jQuery目前无法使用

在jQuery(我目前正在使用1.11.4)中,是否有任何内置的辅助函数允许您根据变量显示/隐藏元素？

例如,在根据复选框显示/隐藏某些内容的那一刻,我做了类似这两个例子的事情......

$("#myChk").on("click", function() {
  if ($(this).is(":checked")) {
    $("#otherEl").show();
  } else {
    $("#otherEl").hide();
  }
});

$("#myChk").on("click", function() {
  var $otherEl = $("#otherEl");
  ($(this).is(":checked") ? $otherEl.show() : $otherEl.hide());
});

是否有一个内置的功能,我在文档中不容易找到,允许像...

$("#myChk").on("click", function() {
  $("#otherEl").showOrHide($(this).is(":checked"))
});

我很确定没有任何东西,但我想我会问以防万一.

我知道.toggle()但这是基于元素的当前可见性,而不是外部变量.

(如果有人知道任何类似的东西.slideUp,.slideDown那也会有用.)

有没有办法将XSLT的一部分限制为单个节点,以便每次都不需要节点的整个路径？

例如...

Name: <xsl:value-of select="/root/item[@attrib=1]/name"/>
Age: <xsl:value-of select="/root/item[@attrib=1]/age"/>

这可以通过for-each命令来完成,但我认为如果可能的话应该避免这些......

<xsl:for-each select="/root/item[@attrib=1]"/>
  Name: <xsl:value-of select="name"/>
  Age: <xsl:value-of select="age"/>
</xsl:for-each>

我想我在问是否有一个类似于VB.NET With命令的XSLT？

我宁愿避免使用xsl:template来提高可读性,因为有问题的XSLT文件很大,但很高兴接受,如果这是唯一的方法.如果是这样,基于特定节点调用特定模板的语法是什么？

更新

在@javram的答案的后续中,可以基于特定属性/节点匹配单独的模板.

<xsl:apply-templates select="/root/item[@attrib=1]"/>
<xsl:apply-templates select="/root/item[@attrib=2]"/>

<xsl:template match="/root/item[@attrib=1]">
  Name: <xsl:value-of select="name"/>
  Age: <xsl:value-of select="age"/>
</xsl:template>

<xsl:template match="/root/item[@attrib=2]">
  Foo: <xsl:value-of select="foo"/>
</xsl:template>

在我开始学习如何使用jQuery库之前,我想让我自己放心一些关于文件大小的问题...

我很清楚浏览器和服务器会缓存jQuery等文件 - 理论上讲,文件应该只下载一次,因此后续使用的速度会提高.

我的问题更多的是关于浏览器如何处理javascript文件,以及每次加载页面时浏览器是否正在处理32k代码文件是否会产生不利影响？这不仅仅是文件的大小,而是它的复杂性.

或者我的理解不正确,浏览器不仅缓存javascript文件,还缓存该文件的某种"编译"版本？(是的,我知道 javascript实际上并没有"编译",但希望你知道我的意思.)

我想大多数浏览器都能够足够快地处理文件,以至于它几乎没有区别,并且必须处理使用jQuery编写的更少代码的速度优势弥补了它.