关于Jquery和模板页的问题

请教一个基于母板页的内容页调用AJAX的问题 谢谢各位 分不够再加
protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            BindShowBigClass_repeat();
        if (Request["Father"] != null)
        {
            try
            {
                BindShowSmallClass_Repeater(Request["Father"].ToString());
                Response.Clear();
                Response.Write("ok");
                Response.End();
            }
            catch
            {
                            }
        }
       }
    }   
    function show(ele)
    {
      eval(ele + ".style.display = ''");
    }
    function hidden(ele)
    {
      eval(ele + ".style.display = 'none'");
    }
    function selectChk(id)
    {
    alert(id);      $.ajax({
           type: "GET",
           url: "index.aspx",
           async: false,
           success: function(msg)
           {
             window.alert(msg);
           }
            }); 
       var mbDIV = document.getElementById("div_mb");
       var sbDIV = document.getElementById("div_sb");
       show("div_mb");
       show("div_sb");
       
    }  <asp:Repeater ID="ShowBigClassRepeater" runat="server" >
                <ItemTemplate><li class="menuBtn"><a id="<%# ((System.Data.DataRowView)Container.DataItem)["BigClassId"]%>" onclick="selectChk('<%# ((System.Data.DataRowView)Container.DataItem)["BigClassId"]%>');" href="javascript:void(0)"><%# ((System.Data.DataRowView)Container.DataItem)["BigClassName"]%>信息</a></li></ItemTemplate>
            </asp:Repeater>为什么每次出发a的OnClick事件 执行不到ajax 后台断点已测试  ajax再内容页中调用有所配置？ 还是other?

解决方案 »

  1.   


     onclick=<%# "selectChk('"+((System.Data.DataRowView)Container.DataItem)["BigClassId"].ToString()+"');"%> 
      

  2.   

    onclick="selectChk('<%# DataBinder.Eval(Container.DataItem,"BigClassId")%>');" 
      

  3.   

    1.既然是用jquery，那么直接用jquery的方式写,干吗还要混合原版js
    function selectChk(id)
        {
        alert(id);      $.ajax({
               type: "GET",
               url: "index.aspx", //提交参数去那里了
               async: false,
               success: function(msg)
               {
                 window.alert(msg);
               }
                }); 
           var $mbDIV = $('#div_mb').eq(0); //jquery原本就有自己的选择方法
           var $sbDIV = $('div_sb').eq(0);
          $mbDIV.show(); //jquery原本就有show,hide方法
          $sbDIV.show();  
           
        } 2.你用get方式提交，提交的参数呢？去那里了，没有参数,你的代码自然执行不到Response.Write("ok");
    这个位置上。
      

  4.   


    呵呵 谢谢这位朋友  测试代码写的jquery和js是混了点 贴上来的代码url 参数漏写了 我想问的是
    这里使用get 传参或者 Post 提交  都无法执行到程序段（打断点进不去 不知道什么问题）
      

  5.   

    你生成的html代码不对，事件执行不了。
    你贴一下 生成的HTML 代码
      

  6.   

    回5楼  先谢谢了
    <!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><title>
    自助查询系统
    </title><link type="text/css" rel="stylesheet" href="css2/main.css" />
        <link type="text/css" rel="stylesheet" href="css2/motel.css" />
        <script src="js/ThisTime.js" type="text/javascript"></script>
        <script type="text/javascript" src="js/swfobject.js"></script>    <link rel="stylesheet" href="css2/screen.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="css2/lightbox.css" type="text/css" media="screen" />

    <script src="js/prototype.js" type="text/javascript"></script>
    <script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
    <script src="js/lightbox.js" type="text/javascript"></script>
    <script src="js/Ajax.js" type="text/javascript"></script>
    <script src="js/jquery-1.2.5.js" type="text/javascript"></script>
    </head>
    <body scroll="no" >
        <form name="aspnetForm" method="post" action="zhoubian.aspx" id="aspnetForm">
    <div>
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTc5NzM1NDE3Mg9kFgJmD2QWAgIDD2QWAgIBD2QWAgIBDxYCHgtfIUl0ZW1Db3VudAIIFhBmD2QWAmYPFQMBMQExBumkkOmlrmQCAQ9kFgJmDxUDATIBMgblqLHkuZBkAgIPZBYCZg8VAwEzATMG5peF5ri4ZAIDD2QWAmYPFQMBNAE0BuWVhuS4mmQCBA9kFgJmDxUDATUBNQbkvJrlsZVkAgUPZBYCZg8VAwE2ATYG5YWs5Y+4ZAIGD2QWAmYPFQMBNwE3BuS+v+awkWQCBw9kFgJmDxUDATgBOAbkuqTpgJpkZADMfeXOAUWlLJGkzLnL4nd09egk" />
    </div>    <div id="header">
            <div class="headerTitle">
                <div class="logo"><img src="images2/mt.png" alt="" /></div>
                <div class="shopName">徐家汇店</div>
            </div>
            <div class="dateTime">
                <div class="showDateWeek"><span id="thisDate"></span><br /><span id="thisWeek"></span></div>
                <div class="showTime"><span id="thisTime"></span></div>
            </div>
        </div>
        <div id="main">
            
    <script language="javascript" type="text/javascript" src="js/jquery-1.2.5.js"></script>
    <script language="javascript" type="text/javascript">
        function show(ele)
        {
          eval(ele + ".style.display = ''");
        }
        function hidden(ele)
        {
          eval(ele + ".style.display = 'none'");
        }
        
        var strValue = "";
        function selectChk(id)
        {
        alert(id);      $.ajax({
               type: "GET",
               url: "index.aspx?Father=1",
               async: true,
               success: function(msg)
               {
                 window.alert(msg);
               }
                }); 
           var mbDIV = document.getElementById("div_mb");
           var sbDIV = document.getElementById("div_sb");
           show("div_mb");
           show("div_sb");
           
        }  </script>    
     <div class="map"><img src="images2/map.jpg" alt="" /></div>
        <div class="bottons" id="para">
            <ul class="thickTabs">
                <li class="menuBtn"><a id="1" onclick="selectChk('1');" href="javascript:void(0)">餐饮信息</a></li>
        <li class="menuBtn"><a id="2" onclick="selectChk('2');" href="javascript:void(0)">娱乐信息</a></li>
        <li class="menuBtn"><a id="3" onclick="selectChk('3');" href="javascript:void(0)">旅游信息</a></li>
        <li class="menuBtn"><a id="4" onclick="selectChk('4');" href="javascript:void(0)">商业信息</a></li>
        <li class="menuBtn"><a id="5" onclick="selectChk('5');" href="javascript:void(0)">会展信息</a></li>
        <li class="menuBtn"><a id="6" onclick="selectChk('6');" href="javascript:void(0)">公司信息</a></li>
        <li class="menuBtn"><a id="7" onclick="selectChk('7');" href="javascript:void(0)">便民信息</a></li>
        <li class="menuBtn"><a id="8" onclick="selectChk('8');" href="javascript:void(0)">交通信息</a></li>
                <li class="back"><a href="index.aspx">&nbsp;</a></li>
            </ul>  
        </div>
     
         
        <div id="div_mb" style=" background-color:Silver; z-index:10; width:100%; height:100%; position: absolute; top: 0px; left: 0px;filter: alpha(opacity=80);opacity:0.8; display:none;">
        </div>
        <div class="bottons" id="div_sb" style="position: absolute; z-index:20; top: 62px;  right:250px;display:none;">
            <ul class="thickTabs">
                
                <li class="back"><a href="zhoubian.aspx"></a></li>
            </ul>  
            </div>
        </div>
        </form></body>
    </html>
      

  7.   


    async: false,你设置true