Tag: JavaScript

AngularJs：如何设置基于模型的单选button: 我有一个模型返回storeLocations对象与isDefault值。如果isDefault返回true，我不想在组中设置该单选button。不知道是否需要做每个$（数据，函数（索引，值），并遍历每个返回的对象，或者如果有一个更容易的方法来做到这一点使用angular度的结构。目的： storeLocations = [ { … more values, isDefault: true } ] 标记： <tr ng-repeat="location in merchant.storeLocations"> <td>{{location.name}}</td> <td>{{location.address.address1}}</td> <td>{{location.address.address2}}</td> <td>{{location.address.city}}</td> <td>{{location.address.stateProvince}}</td> <td>{{location.address.postalCode}}</td> <td>{{location.address.country}}</td> <td>{{location.website}}</td> <td>{{location.zone}}</td> <td><input type="radio" ng-model="location.isDefault" value="{{location.isDefault}}" name="isDefault_group"></td>

使用JQuery启动Bootstrap选项卡: 我有以下代码 <ul class="nav nav-tabs"> <li><a href="#aaa" data-toggle="tab">AAA</a></li> <li><a href="#bbb" data-toggle="tab">BBB</a></li> <li><a href="#ccc" data-toggle="tab">CCC</a></li> </ul> <div class="tab-content" id="tabs"> <div class="tab-pane" id="aaa">…Content…</div> <div class="tab-pane" id="bbb">…Content…</div> <div class="tab-pane" id="ccc">…Content…</div> </div> 和下面的脚本 $(document).ready(function(){ activaTab('aaa'); }); function activaTab(tab){ $('.tab-pane a[href="#' + tab + '"]').tab('show'); }; 在这种情况下，当页面准备就绪时，第二个选项卡将被激活，但是我总是在$('.tab-pane a[href="#' + tab + '"]').tab(); 任何人都可以帮我吗？

如何使Webstorm“重新格式化源代码”将双引号更改为单引号？: 当我推cmd + alt + l Webstorm做一些重新格式化来美化我的JavaScript源代码。何使Webstorm自动更改双引号在我的来源单引号？

Reactjs – 正确设置内联样式: 我正在尝试与剑道分离器一起使用Reactjs。分配器有一个像样式的属性 style="height: 100%" 有了Reactjs，如果我已经正确地理解了事情，这可以使用内联样式来实现 var style = { height: 100 } 不过，我也在使用Dustin Getz jsxutil来试图分割一些东西，并有独立的HTML片段。到目前为止，我有以下的HTML片段（splitter.html） <div id="splitter" className="k-content"> <div id="vertical"> <div> <p>Outer splitter : top pane (resizable and collapsible)</p> </div> <div id="middlePane"> {height} <div id="horizontal" style={height}> <div> <p>Inner splitter :: left pane</p> </div> <div> <p>Inner splitter :: center pane</p> </div> <div> <p>Inner splitter :: […]

JQuery：如何获得选定的单选button值？: 我如何将一个非选定的单选button的值默认为0 ？我有以下的HTML： <input type="radio" name="myradiobutton" value="1" />1 <input type="radio" name="myradiobutton" value="2" />2 <input type="radio" name="myradiobutton" value="3" />3 我有以下代码来获取所选单选button的值 var radio_button_value $('input[name=myradiobutton]:radio').click(function() {var value = $(this).val();}); 问题是，我想默认radio_button_value的值为0 ，如果没有select任何东西。我怎么做？我基本上想做下面的pseduo代码（但这不起作用） var radio_button_value $('input[name=myradiobutton]:radio').click(function() { if set return $(this).val(); else return 0; }); UPDATE 似乎对我所要求的有些混淆。当页面加载时（在用户有机会select一个单选button之前），我想要做的是，我想要一个函数，它将为单选button值返回0。然后，一旦用户select了单选button，该SAMEfunction将返回单选button的选定值。合理？

如何将twitter引导工具提示添加到图标: 我会从twitter引导添加一个右图工具提示到一个图标元素。代码是这样的： <h3>Sensors Permissions <i class="icon-info-sign"></i></h3> 我会，当光标在图标上，显示一个正确的工具提示与一些信息… 我能怎么做？包含tooltip.js librery并在图标代码中添加元素是不够的？我很困惑。谢谢。

从绿色到红色取决于百分比: 我有投票系统，我想回答这个投票是彩色的。例如：如果它是10％，它将是红色的，如果40％，它会是黄色的，如果80％，它会是绿色的，所以我希望我的JavaScript代码使用rgb颜色根据给定的百分比 function hexFromRGB(r, g, b) { var hex = [ r.toString( 16 ), g.toString( 16 ), b.toString( 16 ) ]; $.each( hex, function( nr, val ) { if ( val.length === 1 ) { hex[ nr ] = "0" + val; } }); return hex.join( "" ).toUpperCase(); } 现在我想从百分之十六

从点击结束时停止一个下拉菜单: 我有一个button下拉（只有一个，不是所有的），在里面，我想有几个input字段，人们可以在里面input的东西没有下拉隐藏一旦你点击它（但它确实closures如果你点击它之外）。我创build了一个jsfiddle： http : //jsfiddle.net/denislexic/8afrw/2/ 这里是代码，这是基本的： <div class="btn-group" style="margin-left:20px;"> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> Action <span class="caret"></span> </a> <ul class="dropdown-menu"> <!– dropdown menu links –> <li>Email<input type="text" place-holder="Type here" /></li> <li>Password<input type="text" place-holder="Type here" /></li> </ul> </div> 所以基本上，我希望它不会closures点击下拉（但closures点击的动作button或下拉之外）。到目前为止，我最好的猜测是添加一个类，并尝试做一些JS，但我无法弄清楚。谢谢你的帮助。

在angularjs中获取ng-click函数中元素的属性: 我有一个像下面这样的span标签，当点击时在控制器中调用一个函数。 HTML <div class="row" ng-repeat="event in events"> <div class="col-lg-1 text-center"> <span class="glyphicon glyphicon-trash" data={{event.id}} ng-click="deleteEvent()"> </span> </div> </div> 调节器 $scope.deleteEvent=function(){ console.log(this); } 我需要在控制器函数中获取data属性中的值。我尝试使用这个关键字和$事件; 没有人工作。请帮忙。