thickbox在asp.net下不工作问题解决办法_class thickbox mvc 没有效果-CSDN博客

众所周知，asp.net 所有的控件必需放在有 runat="server"的form之内，而thickbox它所创建的层是嵌入在<body>中，从它代码可以看出来$("body").append(...)，而当你在调用thickbox的时候，它会将你指定的元素的所有子元素移动到它定义的结构里面，这样的话就出问题了，移动后的元素将不在<form runat="sever"></form>中，那么指定元素里的所有服务器控件都将无法执行后台代码。

这就是根本的原因，口说无凭，上代码：
为了解决这个问题，我将thickbox.js做了一点改写

//这部分是处理内嵌元素如div得层 if(url.indexOf('TB_inline') != -1){ $("#TB_ajaxContent").append($('#' + params['inlineId']).children()); $("#TB_window").unload(function () { $('#' + params['inlineId']).append( $("#TB_ajaxContent").children() ); // move elements back when you're finished // var w = window.open(""); //我在unload事件中加了这么一段，在thickbox层关闭的时候 w.document.write($("body").html()) //可以看到及时的html代码，便于分析。 }); tb_position(); $("#TB_load").remove(); $("#TB_window").css({display:"block"});

之后我将我试验的页面调用thickbox层前后代码做了一下对比，问题马上就显露出来了。

这是没调用thickbox前的页面代码：

是调用thickbox后的代码：

<body> <form name="form1" method="post" action="test.aspx" id="form1"> <div> <input name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTUyOTk4NzMzNGRkXZ2aBMh7Y3LqGDuOzjGe78hKwqM=" type="hidden"> </div> <a class="thickbox" href="#TB_inline?height=250&width=300&inlineId=addition" mce_href="#TB_inline?height=250&width=300&inlineId=addition">点击</a> <div id="addition" style="padding: 10px;" mce_style="padding: 10px;"> <input name="Button1" value="Button" id="Button1" type="submit"><span id="additionmsg"></span></div> <input name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAgLg1uzeBwKM54rGBv4IX/cq3uLngRgxs8TJaKHpiJpW" type="hidden"> </div></form>  <div class="TB_overlayBG" id="TB_overlay"></div><div style="margin-left: -165px; width: 330px; margin-top: -145px; display: none;" id="TB_window"><div id="TB_title"><div id="TB_ajaxWindowTitle"></div><div id="TB_closeAjaxWindow"><a href="#" mce_href="#" id="TB_closeWindowButton">close</a></div></div><div id="TB_ajaxContent" style="width: 300px; height: 245px;"></div></div></div> </body>

原因找到了，如何解决呢，只需要吧thickbox里的$("body").append()改为$("#selector").append()，这个#selector只要在form1之中即可。问题得到圆满的解决，而且在FF IE6中均显示正常……