个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
26
4
编辑:查看更新!
我有以下 html:
<body>
<span id="milestone1">
</span>
<img id="image1" src="blabla.jpeg" style="width:400px;height:200px;" />
<div id="divOverlayOverImage1" style="position:absolute; top:100px; left:40px; width:400px;height:200px;" onclick="DoFunkyStuff();"><div>
</body>
起初divOverlayOverImage1位于 Image1 之上，覆盖它，但如果我运行下面的代码，#divOverlayOverImage1元素将不再覆盖 #image1元素。
$("#milestone1").after('<div style="width:500px; height:500px; background-color:blue;">');
我想要一个事件，在#image1 时通知我改变它的位置，所以我可以更新 #divOverlayOverImage1 的位置.
注意:我不能完全控制 dom。 $("#milestone1").after('<div style="width:500px; height:500px; background-color:blue;">');命令由第三方运行。
更新:我没有对 DOM 的完全控制权，所以我无法对元素添加函数进行回调，因为不是我在进行此调用。另外，我不能疯狂地修改 HTML。我只是来到一组网站，通过 JavaScript 附加和覆盖特定图像，仅此而已。还有其他竞争对手也更改了 HTML。
最佳答案
如果您对 DOM 有完全的控制权，我假设您有，您可以为您在 DOM 中所做的每一个会影响 <span> 的更改添加一个调用。 .
function yourFunction() {
$("#milestone1").after('<div style="width:500px; height:500px; background-color:blue;">');
updateMyOverlayPosition();
}
如果这不起作用，您可以在这里尝试这个:Detect changes in the DOM
如果你想要事件:
$('#image').on('adjustOverlay',function(e) {
// adjust the position of the overlay
}
$("#milestone1").after('<div style="width:500px; height:500px; background-color:blue;">');
$('#image').trigger('adjustOverlay', {extra: "info", some: "parameters"});
由于您无法完全控制 DOM 中的更改并且您可能会感到惊讶，您可以使用我在上面提供的链接或者检查一个时间间隔是否覆盖仍然存在它需要。这并没有以您想要的方式解决问题，但是没有关于 DOM 更改的 native 事件，因此您必须坚持使用某种解决方法。
var checkTime = 100; //100 ms interval
var check = setInterval(function() {
// adjust overlay position
}, checkTime);
下一个可能的解决方案:如果您知道如何在 DOM 中插入影响代码，您可以尝试更改该方法，以便它始终运行您的 adjustOverlayPosition()或者触发一个事件，如果你喜欢事件。示例:如果它是用 jQuery 的 .after() 插入的您可以修改该功能:
jQuery.fn.extend({
// since the .after() function already exists, this will
// actually overwrite the original function. Therefore you need
// the exact code that was originally used to recreate it.
after: function() {
return this.domManip( arguments, function( elem ) {
if ( this.parentNode ) {
this.parentNode.insertBefore( elem, this.nextSibling );
}
// call the function directly
adjustOverlayPosition();
// or call an event
$('#image').trigger('adjustOverlay', {extra: "info", some: "parameters"});
}
});
缺点:此解决方案可能存在风险，并且只有在您知道最初使用的代码时才有效。所以它也取决于 jQuery 版本。
关于javascript - 确定 HTML 元素位置变化，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18054753/
26
4
0
嘿伙计们。 实现背景变化(基本上是幻灯片放映)和过渡效果的常见方法有哪些。我想每隔一段时间改变complte文档背景。 我是一名 ASP.net 开发人员，并且希望大部分内容都可以在 ASP 中实现。
也许，指针已经在修改过程中指向 auto_ptr 的常规指针指向 unique_ptr 和 shared_ptr 我只是想知道已经开发出来的新型指针是否完全覆盖了旧版本(或者您可能认为存在内存泄漏问题
我使用 Android Studio 构建 Android 应用。 我的问题是:当 fragment 改变时，应用程序崩溃。 控制台输出[控制台] 01-06 18:35:21.952 27756-
****澄清**我做了这个 [Fiddle] ( http://jsfiddle.net/sggPv/10/ ) 来帮助澄清情况。 该脚本起初适用于两个表格，但随后当您点击 slider 并将新表格加
我有图标，单击它会将新的 div(列)添加到 div 容器。问题是，当新的 div(列)出现时，按钮不会向右移动。是否可以以某种方式仅在 div 内添加 position:fixed？ 这是我的几个屏
我是 Java 新手，继承了现有的 Android 应用程序。原始开发人员选择使用常量接口(interface)。 我的问题是我需要更改其中一些常量来编译生产应用程序与开发应用程序。如果我手动修改一些
在 Apple developer Document 中，我在 UIColor 中发现了一些新东西。 If your app was linked on or after iOS 10 and whe
我没有经常使用 ShareKit，但我只想拥有三个共享选项:Facebook、Twitter 和电子邮件。 ShareKit 提供了更多选项，包括更多按钮。但是，我不想要“更多”选项，只想要三个。 在
我正在构建一个 JS 库，其中一个用例要求我在 DOM 更改时触发一个事件，特别是如果它是一个单页应用程序，例如:github search bar 经过一番研究，我遇到了MutationObserv
我已经设法编写了一个代码来检测任何工作表中特定单元格的值变化，但我一直在努力构建检测和跟踪范围(值)变化的东西。 例如，如果用户决定复制和粘贴某个范围的数据(假设超过 1 个单元格)，它不会被宏捕获。
使用 ffmpeg ，我们可以对音频电平进行多少控制？例如，我想在程序的时间轴上映射一个“M”形: t0 - t1 : fade in from 0 to 1 t1 - t2 : play at fu
使用 jQuery 1.7.1，我尝试为下拉列表上的更改事件创建一个事件处理程序。下拉列表会动态添加到 DOM 中。似乎在大多数浏览器上都能很好地工作，但是哦，奇怪的 IE8 想要变得困难。有解决方法
我想制作一个具有可选边框大小的自定义控件。请参阅下面的代码。边框绘制在非客户区，其宽度可以是 0、1 或 2 像素。我已经在 WM_NCPAINT 中成功完成了边框绘制。问题是，在更改控制边框大小的属
我知道这个问题之前已经被问过，而且我实际上已经找到了一些我已经实现的解决方案。不幸的是，我没能得到我想要的。 我以前没有做过AngularJS，我想做的是: 检测网址何时更改 根据网址更改的内容进行一
我有一个 auto-carousel 指令，它循环访问链接元素的子元素。 但是，子级尚未加载到 DOM 中，因为它们的 ng-if 表达式尚未解析。 如何确保父指令知道其 DOM 树已发生更改？
我有一个流程可以通过内容提供商从数据库中获取数据。 fun getDataFlow(): Flow { return flow { emit(Result.Loading)
我有一些有效的代码，但有时它只是“跳转”到其他文本而不考虑间隔。 该代码基本上按时间间隔更改标题的文本。 var text = ["text1", "text2", "text3","text4","
我正在尝试将 onCLick 监听器添加到我的 PreferenceScreen 上的开关，但它不起作用。我尝试了 Java 教程中的代码并将其转换为 Kotlin，但由于某种原因它无法正常工作。 这
我们目前正在尝试升级我们的程序使用的 ffmpeg 版本。跳跃很大，因为我们目前使用的是 ffmpeg 0.8，最新版本是 1.2。 在这些测试中，我使用的是(让我说)我发现的令人惊叹的软件包 her
我有一个流程可以通过内容提供商从数据库中获取数据。 fun getDataFlow(): Flow { return flow { emit(Result.Loading)
我是一名优秀的程序员,十分优秀！