小编Sam*_*mmy的帖子

这听起来应该是互联网上的解决方案,但我不知道为什么我找不到它.我想在移动设备上禁用水平滚动.基本上试图实现这个目标:

body{
   overflow-x:hidden  // disable horizontal scrolling.
}

这可能是相关的信息:我的头标记也是如此,因为我也不希望用户能够缩放:

<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />
<meta name="viewport" content="width=device-width" />

谢谢

假设您的页面上有一个简单的文本框和按钮.单击该按钮将更新文本框值:

HTML:

<input type="text" id="myText" val="" />
<input type="button" id="myBtn" value="Change TextBox Value" />

jQuery的:

$("#myBtn").on('click', function() {
   $("#myText").val('adsf');
})

我想为文本框的change事件添加一个事件监听器,如下所示:

$('#myText').on('change', function(){
    alert('Changed!')
});

单击该按钮时不会触发该警报,但是当您手动更改文本框值并将其焦点移出时,它会被触发.

我知道您可以添加$("#myText").trigger('change')按钮的onclick事件,但我希望只通过向文本框添加事件侦听器来实现此目的.

的jsfiddle

谢谢

请看下面的小提琴:

http://jsfiddle.net/ujdsu/

HTML,简单的无序列表:

<ul class="sortable">
    <li>first item</li>
    <li>second item</li>
    <li>third item</li>
    <li>fourth item</li>
    <li>fifth item</li>
</ul>

jQuery的:

$(function() {      
   $( ".sortable" ).sortable({
       axis: 'y' 
   }).disableSelection();
});?

CSS:

ul{
    margin:20px 0 0 20px;
    border:1px solid #000;
    width:70%;
    overflow:hidden;
    position:relative;
}
li{
    background:#ccc;
    border-top:1px solid #000;
    padding:10px 5px;
    cursor:move;
}   
li:first-child{
    border-top:0;
}

​

默认情况下,您可以将项目拖动到其容器外部.我通过在容器中添加"overflow:hidden"来解决这个问题,但是,你仍然可以将一个项目拖到容器外面,你只是看不到外面的部分..看下面的屏幕截图:

我想要实现的是用户在碰到容器的顶部或底部边缘时不能再移动项目,因此您将看不到上面屏幕截图中显示的结果.理想情况下,"第三项"将达到最高优势并且不会再进一步​​移动.

谢谢

我确定这个问题已经以一种或另一种形式得到了无数次的回答，但是我不确定要寻找什么才能找到解决方案。

假设我们有一个简单的ng-repeat：

<div ng-repeat="item in items">
   <input type="text" value="{{item.name}}">
   <a ng-click="getTxtBoxVal(whatDoIPassInHere)">Get Text Box Value</a>
</div>

在javaScript文件中：

   function $scope.getTxtBoxVal(val) {
       alert(val)
   }

基本上我想知道应该在whatDoIPassInHere参数中传递什么，在jquery中将是这样的：$(this).siblings(input).val()

我确实有一种解决方法，即为每个文本框赋予唯一的ID：

<input type="text" id="myTextBox_{{index}}" value="{{item.name}}>

并使用唯一的ID定位它，但是我敢肯定，有一种更优雅的方式来处理此问题

不确定这是否可行,但这是我的方案:

在大约10个我们的aspx文件中,我们有相同的javaScript函数,我想从所有这些页面中删除它并将它放在主javaScript文件(main.js)中,这对所有页面都是全局的,因此它更容易维护.当前aspx页面中的javaScript代码如下所示:

var regEx_gaid = <%= regEx["regEx_gaid"] %>; 
var regEx_wCard = <%= regEx["regEx_wildCard"] %>; 
var regEx_fCss = <%= regEx["regEx_flattenCss"] %>; 
var regEx_iCss = <%= regEx["regEx_inlineCss"] %>;
...

function doSomething() {
   // do something with those variables declared above.
}

不知道如何在main.js中获取这些变量的服务器端值.

这也可能是相关的:

"regEx"inside <%= regEx["regEx_gaid"] %>是服务器端的字典集合,"regEx_gain"是访问regEx字典值的关键.

谢谢.

Edge有一个向上/向下滑动动画dealio <select>，我想删除这个动画，但除了使用自定义下拉菜单外，似乎找不到其他解决方案。想知道是否有人想出了禁用此动画的方法？

transition: none 似乎没有做任何事情。

小提琴

我有一个简单的列表项用ng-repeat解析:

<ul>
    <li ng-repeat="item in items" class="commonClass" ng-class="{'on': on_var}" ng-click="on_var=!on_var"> 
   {{item.name}} 
    <li>
</ul>

单击列表项将按预期添加类名"on".但是我想在你点击另一个列表项时立即删除所有其他'on'类,只将它添加到单击的那个类中.我来自jQuery背景,我是角色的新手.我想做的就是这样:

$("li.commanClass").click(function(){ 
    $("li.commonClass").removeClass('on');
    $(this).addClass('on');
})

我想知道实现这一结果的"角度方式"是什么

的jsfiddle

谢谢.

<span class="phone" aria-label="phone number 9 4 9 . 5 5 5 . 1 2 3 4">949.555.1234</span>

这会打印页面上的电话号码。单击电话号码将按预期读取咏叹调标签，但是，如果我使用键盘箭头导航到电话号码，它会读取页面上输出的任何文本（“九百四十九期五百”... ) 在这种情况下，并且 aria-label 不受尊重。

使用 ChromeVox

另外值得一提的是，使用箭头键时，span 标签不会获得焦点。IE$("span").focus(function(){ // never gets here })

我知道你不应该将div放在无序列表中,但我们可以说我们有下面提到的标记.使用jQuery我想定位每个第3个列表项:li:nth-​​child(3n).看起来jQuery也将div作为列表项计数,即使我们指定li:eq(3n).我们如何检测每个第3个列表项,而不管父元素中还有什么.什么是甚至写li:eq(3n)什么时候忽略'li'？

HTML:

<ul class="hello">
    <div class="someDiv">a</div>
    <li>one</li>
    <li>two</li>
    <li>three</li>
    <div class="divider">b</div>
    <li>one</li>
    <li>two</li>
    <li>three</li>
</ul>

jQuery的:

$("ul.hello li:nth-child(3n)").css('color','red');

小提琴