jquery事件在页面上无法执行

hanyan100 2011-05-18 10:29:27

function bindDatalist(divId, divDataListId, DataListId) {

var DivControl = $("#" + divId);
var DivDataList = $("#" + divDataListId);

DivControl.live('mouseover', function () {
DivDataList.show();
});

DivControl.live('mouseout', function () {

DivDataList.hide();
});

DivDataList.live('mouseover', function () {

DivDataList.show();
});

DivDataList.live('mouseout', function () {

DivDataList.hide();
});

DivDataList.hide();

if (DataListId != 'DataListNotify') {

$(function () {

$("#" + DataListId + " tr").mouseover(function () {

$(this).removeClass("mywork_sub_menu_item");
$(this).addClass("mywork_sub_menu_td_highlighted");

});
$("#" + DataListId + " tr").mouseout(function () {
$(this).removeClass("mywork_sub_menu_td_highlighted");
$(this).addClass("mywork_sub_menu_item");
});

})

}

这是我的一个方法
经过alert测试发现
注册mouseout，mouseover都没有用，包括each也没有用
请问是什么情况？
但是hide和show却是可以用的

...全文

113 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

hanyan100 2011-05-18

打赏
举报

回复

多谢大家
我是跑在sharepoint页面上的，结果发现datalist的id变成client端的id导致jqeury没有找到

现在用了client端找id的方法就可以了！

小辛、 2011-05-18

打赏
举报

回复

[Quote=引用 2 楼 zell419 的回复:]
你这段代码少了个 } 。
事件绑定没有问题的。
[/Quote]
++





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script src="js/jquery.min.js" type="text/javascript"></script>

    <script>

        function bindDatalist(divId, divDataListId, DataListId) {

            alert();

            var DivControl = $("#" + divId);

            var DivDataList = $("#" + divDataListId);



            DivControl.live('mouseover', function () {

                DivDataList.show();

            });



            DivControl.live('mouseout', function () {



                DivDataList.hide();

            });



            DivDataList.live('mouseover', function () {



                DivDataList.show();

            });



            DivDataList.live('mouseout', function () {



                DivDataList.hide();

            });



            DivDataList.hide();



            if (DataListId != 'DataListNotify') {



                $(function () {



                    $("#" + DataListId + " tr").mouseover(function () {



                        $(this).removeClass("mywork_sub_menu_item");

                        $(this).addClass("mywork_sub_menu_td_highlighted");



                    });

                    $("#" + DataListId + " tr").mouseout(function () {

                        $(this).removeClass("mywork_sub_menu_td_highlighted");

                        $(this).addClass("mywork_sub_menu_item");

                    });



                })



            }

        }

        $(function () {

            $("div").mouseout(function () {

                bindDatalist();

            })

        })

    </script>

</head>

<body>

<div style=" background:Red; width:20px;

 height:20px;" mouseout></div>

</body>

</html>

测试通过!~~

zell419 2011-05-18

打赏
举报

回复

你这段代码少了个 } 。
事件绑定没有问题的。

小辛、 2011-05-18

打赏
举报

回复

可以把html代码发出来看一下嘛?

本文探讨了在JSP页面中遇到的jQuery代码无法加载的问题，并解释了这是由于JSP页面从上到下加载的特性导致的。文章进一步说明，除非在页面加载完成事件中定义，否则外部JS文件中的函数不会被立即执行。

本文探讨了在JavaScript中通过异步方式创建动态元素时，jQuery无法正常获取这些元素的问题。原因是jQuery选择器在页面加载完成时执行，而异步元素可能在其后添加。解决方案是利用jQuery的事件委托机制，通过绑定父级元素事件来捕获动态添加的子元素，确保即使元素异步插入也能被正确处理。

项目中出现页面跳转后点击事件无法执行，需刷新才正常的问题。检查发现idea代码正常，但浏览器上js pageinit事件部分是跳转前的js，问题为‘使用a标签跳转jQuery Mobile pageinit事件不执行’，网上有两种解决方法，加target='_top'未解决，加external属性成功解决。

本文探讨了在jQuery中，由于button按钮位于form表单内，导致点击时意外触发页面刷新，从而无法正常跳转到后台链接的问题。解决方案是阻止表单的默认提交行为，确保点击事件能够执行预期的链接跳转。

本文详细阐述了在使用jQuery Mobile框架时遇到的一个特定问题，即页面在Android浏览器上初次加载时无法正常执行指定的事件监听器。通过深入分析，作者发现并提出了解决方案，即调整事件绑定的位置，确保代码在页面加载时能够正确执行。此问题涉及到跨平台兼容性和jQuery Mobile框架的特性，对于前端开发者在进行移动应用开发时具有一定的参考价值。

87,989

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章