小编Jos*_*ose的帖子

如何在禁用单击时保持悬停属性

所以我有这个列表,通过CSS添加了一些悬停效果.HTML:

<li><a href="#">Current Period</a>
  <ul>
        <li><a href="#">2012</a>
        <li> a href="#">2011</a> //...you get the point
Run Code Online (Sandbox Code Playgroud)

CSS:

#nav a:hover {
    background-color: #fff;
    color: #333;
}
Run Code Online (Sandbox Code Playgroud)

当用户在当前周期中悬停时,将显示子元素列表(2012年,2011年......其中包含自己的子元素).我的问题是用户可以点击"当前期间".我已设法通过向锚添加类来删除单击,如下所示:

<li><a href="#" class="noclick">Current Period</a> ....
Run Code Online (Sandbox Code Playgroud)

CSS:

.noclick { pointer-events: none; cursor: default; }

但这当然会消除悬停功能.我想保持悬停效果,同时使按钮不可点击(我在想javascript,但我想要一个更"直接"的解决方案).我感谢任何帮助:)

html javascript css jquery

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

如何正确删除所选项目ui.grid Angular JS

我在理解通过ui-grid提供的属性/功能时遇到了一些困难.我经常对之前版本的ng-grid感到困惑.我试图找到删除检查条目的最​​佳方法.这是我的标记,但由于不太了解我是否有通过行实体可用的索引或计数:

HTML:

       <div class="form-group">
          <button type="button" id="addData" class="btn btn-success" ng-click="addData()">Add Data</button>
          <button type="button" id="removeData" class="btn btn-success" ng-click="removeData()">Remove First Row</button>
          <br>
          <br>
          <div id="grid1" ui-grid="gridOptions" ui-grid-edit ui-grid-selection external-scopes="myViewModel" class="grid"></div>
    </div>
Run Code Online (Sandbox Code Playgroud)

在我的控制器下面:

 $scope.removeData = function () {
        console.log($scope.gridApi.selection.getSelectedRows());

        var items = $scope.gridApi.selection.getSelectedRows();

        angular.forEach($scope.myData, function (data, index) {
            angular.forEach(items, function (item) {
                if (item.displayValue = data.displayValue)
                {
                    $scope.myData.splice(index, 1);
                }

            });
Run Code Online (Sandbox Code Playgroud)

displayValue我的列的属性在哪里,$scope.myData是我的数据.是否有不同的方法将该选择发送到控制器以进行删除?我目前的方式不起作用(显然).任何帮助将不胜感激.如果我的标记不完整,我会根据需要更新它.谢谢!

javascript angularjs angular-ui-grid

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

filter()参数没有给出正确的输出

我今天的问题可能很简单.我试图获取没有文本的表单内的所有必需元素(它们是输入类型,文本).这是我的JS:

var inputs = $('#form').find(':input');
if(inputs.filter('[required] [value=""]').first().focus().length)
//do something
Run Code Online (Sandbox Code Playgroud)

这是HTML中的元素:

<input type="text" name="title[]" id="name_" required />
Run Code Online (Sandbox Code Playgroud)

我应该补充一点,这个输入元素是由javascript动态添加的,这意味着它会在某个动作发生后附加.

真正的问题是,即使我没有为给定的文本字段键入值,if语句内部的代码也永远不会成立.

任何帮助表示赞赏.

html javascript validation jquery

2
推荐指数
1
解决办法
117
查看次数

标签 统计

javascript ×3

html ×2

jquery ×2

angular-ui-grid ×1

angularjs ×1

css ×1

validation ×1