jQuery在iframe内部可调整大小的问题

Question

我有第一页。哪里是一个链接，打开jQuery对话框与iframe与第二页在里面。在第二页中有一个可调整大小的文本区域。实际上，只有当我严格地打开第二个页面而不使用iframe时，textarea才能调整大小，但是它在iframe内部是不能调整大小的。怎么能修好呢？

UPD:这是我第一页的html代码：

​

1. <div id="dialog-system" title="system settings">
2. 亲水相<div class="loadingDivForDialog"><img src="Control/Image/loading.gif" alt="loading..." /></div>
3. 亲水相<iframe id="SystemFrame" src="" scrolling="no" frameborder="0"></iframe>
4. </div>

* This source code was highlighted with Source Code Highlighter.

这是“打开脚本”对话框：

​

1. function showSystemDialog(propertyName, id_prov, psysName, currentItemForTick) {
2. 亲水相$('.loadingDivForDialog').show();
3. 亲水相$('#SystemFrame').hide();
5. 亲水相var defaultSrc = "Settings.aspx?pro=" + propertyName + "&id_prov=" + id_prov;
6. 亲水相$("#systemFrame").attr('src', String(defaultSrc));
8. 亲水相$("#dialog-system").dialog({
9. 粉末冶金resizable: false,
10. 粉末冶金height: 300,
11. 粉末冶金width: 680,
12. 粉末冶金modal: true,
13. 粉末冶金position: 'center',
14. 粉末冶金buttons: {}
15. 亲水相});
16. 亲水相$('#SystemFrame').load(function() {
17. 粉末冶金$('.loadingDivForDialog').hide();
18. 粉末冶金$('#SystemFrame').show();
19. 粉末冶金$('#SystemFrame').contents().find("input[value='Update']").click(function() {
21. 成本-成本-贴水var obj = $("#" + currentItemForTick);
23. 成本-成本-贴水if (obj.get(0).tagName == "INPUT") {
24. 成品率-成本-obj.attr('checked', true);
25. 成本-成本-贴水}
26. 成本-成本-贴水else {
27. 成品率-成本-obj = window.parent.$("input[value='" + psysName + "']");
29. 成品率-成本-obj.attr("checked", true);
30. 成本-成本-贴水}
31. 粉末冶金});
33. 粉末冶金$('#SystemFrame').contents().find("input[value='Cancel']").click(function() { $("#dialog-system").dialog("close") });
35. 粉末冶金$("#dialog-system").dialog("option", "height", parseInt($('#SystemFrame').contents().height(), 10) + 35);
36. 亲水相});
37. 亲水相return false;
38. }

* This source code was highlighted with Source Code Highlighter.

这是第二页中的textarea和script：

​

1. <textarea name="ctl00$ContentPlaceHolderBody$ctrl02$fldText" rows="2" cols="20" id="ctl00_ContentPlaceHolderBody_ctrl02_fldText" class="textbox"></textarea>
3. <script type="text/javascript">$(function() {
4. 亲水相$("#ctl00$ContentPlaceHolderBody$ctrl02$fldText").resizable({
5. 粉末冶金handles: "se",
6. 粉末冶金maxWidth: 340,
7. 粉末冶金minWidth: 196,
8. 粉末冶金minHeight: 18
9. 亲水相});
10. });</script>

* This source code was highlighted with Source Code Highlighter.

有什么想法吗？

Answer 1

当页面上有iframes时，我在调整大小方面也遇到了类似的问题。我开始得出这样的结论: iframe正在阻止相关的鼠标处理程序通过jQuery中的调整大小逻辑。

严格地说，这不是一个解决方案，但它可能会指向正确的方向。

更新:有关潜在修复jQuery http://bugs.jqueryui.com/ticket/3176的更多详细信息，请参阅此http://bugs.jqueryui.com/ticket/3176票证上的最后评论。