jquery ui dialog　问题（添加到form1里面后还是无法使用服务器控件）

如题<script language="javascript" type="text/javascript">
        $(document).ready(function() {
            $("#basic-modal-content").parent().appendTo("#form1");
        });
    </script>
添加到form1里面后还是无法使用 弹出层里的  <asp:ImageButton ID="btnLogin" runat="server" AlternateText="会员登录" ImageUrl="/image/login.gif" onclick="btnLogin_Click" /> 
  请问各位大侠如何解决呢？

解决方案 »

  1.   

    JS打个断点调试一下啊,看到底有木有appendTo
      

  2.   

    “添加到form1里面后还是无法使用服务器控件”
    ---------------------------------------------
    把你的问题描述清楚点吧
    怎么叫“无法使用”？具体什么表现，你想要的又是什么表现。。如果你是想弹出层，没见你用$("#selector").dialog()
      

  3.   

    form1  这个是form的Id？
    你页面上有form1这个Id么  
    换一种写法试试  在页面上在定义一个层   吧内容拉到那个层里面去试试
    <div id="s"></div>$("#basic-modal-content").parent().appendTo("#s");这样写试试   就怕你那个页面没有看见 
      

  4.   

    $("#basic-modal-content").parent().appendTo("#form1");
    如果往form1 这个id里面拉了多个div 似乎也只有一个div的button有效的
      

  5.   

    ?什么叫似乎也只有一个div的button有效的
      

  6.   

    jquery 的弹出层 $("#basic-modal-content").parent().appendTo("#form1");
    $("#basic-modal-content12").parent().appendTo("#form1");比如说  两句这样的代码 basic-modal-content 和 basic-modal-content12  这两个层里面都有一个提交事件  那么 basic-modal-content 这个里面的提交事件是不会生效的 现在的jquery文件不知道有没有升级  我以前用的这个东西是那样子的
      

  7.   


    想问一下，你可以理解下面的一段代码吗？this.divLogins.Visible = true;
                AddStyle("/css/basic3.css", Page);
                Page.ClientScript.RegisterClientScriptInclude("basic3.js", "/js/basic/basic3.js");
                Page.ClientScript.RegisterClientScriptInclude("jquery.simplemodal.js", "/js/jquery.simplemodal.js");
      

  8.   

    basic3.js  这个js 里 就一句话 ：$('#basic-modal-content').modal();
    在原来的基础上修改一些功能jquery.simplemodal.js 我直接给放 到页面中了！ <script src="js/jquery.simplemodal.js" type="text/javascript"></script> css 也一样！
    把basic3.js   去掉，然后把他的内容 复制到 要执行的事件里，  提交就没法执行了，原来是可以的！
      

  9.   

    basic3.js 这个js放到页面中是可以执行的！为什么把其中的　代码　单独放到一个事件中就不行了呢？ 
      

  10.   

     <link href="/css/basic3.css" rel="stylesheet" type="text/css" />
        <script src="/js/basic/basic3.js" type="text/javascript"></script>
        <script src="js/jquery.simplemodal.js" type="text/javascript"></script>这样就可以
     <link href="/css/basic3.css" rel="stylesheet" type="text/css" />
        <script src="js/jquery.simplemodal.js" type="text/javascript"></script>
    这样就不行
    basic3.js 内容
    $(document).ready(function() {
        $('#basic-modal-content').modal();
    });
      

  11.   

    大概明白你的意思了
    服务器端控件，放在页面上可以响应后端的程序代码，用.dialog()弹出层里显示出来它就不响应了，是这样吧？？前端HTML:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/ui-darkness/jquery-ui.css" />    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"  type="text/javascript"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"  type="text/javascript"></script>
        <style type="text/css">
            div{margin:10px;}
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <div id="d1">
                <asp:Button ID="Btn_Login" runat="server" Text="登录" onclick="Btn_Login_Click" />
            </div>
            <div>
                <input id="pop" type="button" value="弹出登录层" />
            </div>
        </form>
        <script type="text/javascript">
            $("#pop").click(function () {
                $("#d1").dialog({ modal: true });
            });
        </script>
    </body>
    </html>后端cs代码：    protected void Btn_Login_Click(object sender, EventArgs e)
        {
            Response.Write("<script>alert('弹出测试。');</script");
        }
    这是无解的。原因大概是服务器端控件的ViewState被破坏了。
    你应该把服务器端按钮btnLogin的点击事件改为ajax调用。像弹出层这样的纯js事件，就应该用js来响应。
      

  12.   

     $('#dialog').parent().appendTo($("form:first"))
    这种试试