如何解决在| DOM Ready之后添加元素并使它们可见,而无需事件处理程序
| 在dom准备就绪后添加元素,而无需事件处理程序:jQuery(document).ready(function() {
var $body = $(\'body\');
var strLoading = \'<div id=\"ajax_loader\" style=\"display:none\">Loading ...</div>\';
$body.append(strLoading); // add loading text to dom
var $Loading = $(\'#ajax_loader\');
$(\'some unrelated element already available at time of dom ready\').click(function{
$Loading.toggle(); // show loading message
LOAD SOME CONTENT THROUGH AJAX
$Loading.toggle(); // hide loading message
});
});
我现在想按需显示和隐藏它,如下所示:
$(\'some unrelated element already available at time of dom ready\').click(function{
$Loading.toggle(); // show loading message
LOAD SOME CONTENT THROUGH AJAX
$Loading.toggle(); // hide loading message
});
似乎该元素在dom中不可用。我如何添加它并使其在以后可见。
更新:
我不知道为什么它最终没用,我只是创建了这个小提琴,并且在那儿工作得很好。
摆弄
解决方法
您发布的代码没有错。尝试在其他地方找到问题。
您对哪个元素有疑问?您为什么认为该元素不可用?您是否尝试过$()。length或类似的东西?如果切换似乎没有效果,则可能是由于您未与我们共享其他JS或CSS。
,您只需在结束body标签之前添加脚本即可。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。