从Dialog内容获取对Dialog的引用
从Dialog内容获取对Dialog的引用
提问于 2010-04-14 21:16:49
下面是我的场景：
- 我在页面A.
- 上有一个div，当一个事件发生时(不管我定义什么，点击什么)，我做一个div.Dialog，设置它的属性并打开它
- ，里面的数据从一个从url获取数据的异步.ajax调用返回，然后通过在.ajax回调中调用div.html( data )将其附加到div中，因此，它实质上是通过获取数据(内容)并将其附加到调用对话框(“打开”) PageB的div中加载...nothing，我不认为。
我的问题: B页中的，我如何引用这个对话框，这样我就可以对它做一些事情了？例如，在Page的内容中，我从.ajax调用中收到并通过.html(data)添加到div中，有一个按钮，单击时我需要关闭对话框。
现在，我的按钮在对话框中无法工作，因为其中一个按钮关闭了对话框，另一个按钮应该重定向到一个新页面，但这两个按钮现在都不能工作，因为我没有引用它所处的对话框来操作它。因此，我需要引用，这样我就可以通过驻留在jQuery (数据)中的一些PageB关闭对话框。
回答 2
Stack Overflow用户
回答已采纳
发布于 2010-04-14 21:21:41
如果B页是由AJAX加载的(相对于<iframe>)，则它中的任何Javascript都将在与页面A的其余部分相同的上下文中运行。
因此，您可以使用A页中使用的相同代码来引用B页中的对话框。
请注意，如果在其他地方也使用了Page，则需要首先检查是否确实在A页内运行。(检查对话框是否存在，或A页中的某个变量集)
编辑
如果它位于<iframe>中，则可以使用parent属性与父帧进行交互。
具体来说，您可以使用jQuery在父框架的上下文中运行parent.$代码。
例如：
parent.$('#someId').dialog(...);因为这使用了父页面中的$函数，所以页面B不需要引用jQuery或jQuery UI。选择器将在父页面中匹配。
您可以(但不应该)通过编写jQuery来针对子页面运行父页的parent.$('selector', document)代码
Stack Overflow用户
发布于 2010-04-14 21:20:43
这应该在成功的ajax回调中的A页中完成，因为需要关闭的是具有div引用的Page。
A页：
$('div.Dialog').load('/pageB', function(data) {
$('#closeButtonOnPageB').click(function() {
// ... close dialog
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2641105
复制相关文章
相似问题
腾讯云开发者
