[angularjs]角的 jqlite 儿童节目

发布时间: 2017/4/16 2:12:25
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我试图为 jqlite 显示一些元素但一会儿我有子元素才能显示内容,当鼠标的问题。 我将把代码,我试着和原与 jquery。

  <li ng-mouseover="ProfileIn()" ng-mouseleave="ProfileOut()">
        <div class="face-container" id="carles" >
            <div>
                   <p>This is a description about the employee, and fact about something"</p>
            </div>
        </div>

</li>

使用 jquery 代码

   $(".face-container").mouseenter(function () {
        $(".face-container").mouseenter(function () {

            $(this).children("div").show();

        });
        $(".face-container").mouseleave(function () {
            $(this).children("div").hide();

        });
    })

代码不工作,我尝试用 jqlite

    $scope.ProfileIn = function () {
angular.element(this).children('div').show;

    }
    $scope.ProfileOut = function () {

        angular.element(this).children("div").hide();
    }

谢谢!!

解决方法 1:

角元素文档

children()-不支持选择器

因此这条线 (见下文) 在您的代码将不起作用,因为 children 函数不支持选择器。

$(this).children("div").show();

您可以只使用儿童像这样︰

$(this).children();

因为 .children() 地址直接 / 立即的后裔,很可能它可能做你想要的 (除非你有其他的直接子元素的混合)。

如果你需要先进的选择器或其他 jQuery 功能,你可以绝对使用 jQuery 角。 从角的常见问题解答

角使用 jQuery 库呢?

是的角可以使用 jQuery,如果它存在于您的应用程序时,应用程序被引导,这些。如果 jQuery 未出现在您的脚本路径,角后退到它自己的 jQuery 的子集的实现,我们称之为 jQLite。

角 1.3 仅支持 jQuery 2.1 或以上。jQuery 1.7 和更新可能与角正常工作,但我们不保证。

所以-请注意,您必须使用jQuery 2.1 或以上

官方微信
官方QQ群
31647020