如何解决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();
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。