jQuery设置\'onmouseover\'attr似乎不起作用？

问题描述

| 我似乎无法使用jquery更改div的onmouseover属性。在下面的代码中，第1行和第3行工作正常，但第2行什么也没做。

window.parent.$(\'#note\' + appid + dbid).html(\'<img src=\"images/note_gray.png\">\');
window.parent.$(\'#note\' + appid + dbid).attr(\'onmouseover\',\'testestestsetset\');
window.parent.$(\'#note\' + appid + dbid).attr(\'title\',\'testdata\');

使用Chrome（13.0.772.0 dev-m）查看开发人员工具。我应该立即看到两个变化，onmouseover永远不会做任何事情。 .net代码使用onmouseover来完成一些奇怪的javascript悬停操作。我不想返回并更改所有功能，因此，当我更新记录时，我希望它更改悬停提示以反映新数据，而无需执行页面回发。这就是为什么我使用onmouseover并尝试从jquery更改它的原因，所以请不要问\“为什么不使用x代替\”。谢谢。 - -编辑 - - 如果有帮助，这就是我正在为其构建编辑功能的生成页面中的HTML中的外观。原始代码使用名为\“ Tip \”的javascript函数来生成hovertip。这是别人写的。我正在为页面做编辑模式。当您提交更改时，我希望它更改工具提示。

<div id=\"note1009872\" class=\"dbnote\" onmouseover=\"Tip(\'No Notes...\')\" onmouseout=\"UnTip()\" title=\"testempty\"><img src=\"images/note.png\"></div>

    

解决方法

您正在尝试将事件属性绑定到字符串。那不会让你走远。 您需要将其绑定到一个函数，无论它是位于全局名称空间中的函数还是闭包：

window.parent.$(\'#note\' + appid + dbid).mouseover(function(){testestestsetset()});

要么：

window.parent.$(\'#note\' + appid + dbid).mouseover(testestestsetset);

好的，事实证明，您可以像这样跨多个框架进行桥接，但是除非命名为您的执行空间，否则必须保留在调用框架中：

window.parent.$(\'#note\' + appid + dbid).mouseover(function() {
        window.parent.Tip(\'Some Tip...\')
});

要么：

window.parent.$(\'#bar\').get(0).addEventListener(\'mouseover\',function(){window.parent.Tip(\'Some Tip...\')});

我已经在两个iFrame上运行了示例代码，并对其进行了测试。     ,如果您可以访问后面的实际代码，为什么不考虑在

Page_Load()

方法或可用的其他合适方法中添加以下行：

myPanel.Attributes.Remove(\"onmouseover\");

假定\“ myPanel \”是页面上的

asp:Panel

对象。     ,jQuery使用

.setAttribute()

方法设置属性值，该属性值对于获取/设置“传统”事件处理程序不可靠。要更改传统的事件处理程序，您应该直接这样做而不是使用jQuery：

var noteElem = window.parent.document.getElementById(\'note\' + appid + dbid);
noteElem.innerHTML=\'<img src=\"images/note_gray.png\">\';
noteElem.onmouseover = \'testestestsetset\';
noteElem.title = \'testdata\';

有一种使用jQuery定位元素（或迭代多个元素）的方法，但是jQuery在您发布的代码段中用处不大。     ,我将删除内联

onmouseover

/

onmouseout

并使用jsFiddle中的hover（）：

window.parent.$(\'#note\' + appid + dbid)
    .html(\'<img src=\"images/note_gray.png\">\')
    .attr(\"title\",\"testdata\")
    .removeAttr(\"onmouseover\")
    .removeAttr(\"onmouseout\")
    .hover(function() {

         // replaces onmouseover
         Tip(\"new test\");

    },function() {

         // replaces onmouseout
         UnTip();

    });