悬停添加类对角JS

我想在代码角悬停添加类对角JS

<li ng-mouseenter="cola-selected=true" class="pull-left" ng-class="{'selected' : cola-selected}"> 
    <a href="interna.html"> 
     <img src="assets/images/cola.png"> 
    </a> 
</li>

这是所有功能的页面都会有，所以我虽然也许徘徊在li元素时下面加个班它不一定要为js添加一个新的js文件。

当鼠标进入li时，它应该有新类selected。它上面的代码不工作，我不明白为什么。

这里是我的代码在小提琴的例子：https://jsfiddle.net/mjrmeffc/

来源

2015-12-26 Pablo

本教程应该可以帮助您https://scotch.io/tutorials/the-many-ways-to-use-ngclass如果不是的话，我会尽快写一个答案。 –

为什么你需要一个额外的文件，如果你可以在你的应用程序的角度写的逻辑是什么？

我假设你使用ng-app并在你的逻辑中有一个所谓的javascript文件，你应该在这里包含它。

以下是添加/删除类的正确方法的示例。

<div ng-app> 
    <div 
    class="italic" 
    ng-class="{red: hover}" 
    ng-mouseenter="hover = true" 
    ng-mouseleave="hover = false"> 
     Test 1 2 3. 
    </div> 
</div>

NB我发现这在另一个计算器问题，请正确使用谷歌搜索的第一，我没有足够的信誉标志你的问题，或作出评论。

*编辑*

好像你还没有熟悉AngularJS。无论你想调用它，你都需要包含你的'app.js'或'script.js'。在那里，你定义使用

var app = angular.module('yourappname', [/* add your dependencies here*/]); 

//Other logic like controllers or services

您的应用程序的HTML应该是

<div ng-app="yourappname"> 
<div ng-controller="yourController">

请泽泻自己，然后你开始问问题

来源

2015-12-26 14:52:38

我只是复制你的代码，它似乎和我的一样，但是，我有同样的问题，红色的类没有添加。 – Pablo

你能否提供一个codepen/jsfiddle或在这里包含你的javascript文件？ –

我已更新我的问题链接到jsfiddle – Pablo

尝试使用ng-mouseover ATTR

<li ng-mouseover="hoverIn()" class="pull-left" ng-class="{{applyClass}}">

wri TE的一种功能hoverIn()在你的脚本，并指定值时，将鼠标悬停在

$scope.hoverIn = function() { 
    this.applyClass = "red"; 
}

Working Demo

来源

2015-12-26 15:38:20

悬停添加类对角JS

回答

相关问题