JS传值问题获取不到

jsjavascriptasp.netc#.netaspx

解决方案 »

  1.   

    网上下载的源码
    附上<!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>JavaScript 仿淘宝拼音索引菜单</title>
    <script type="text/javascript" src="CJL.0.1.min.js"></script>
    <script type="text/javascript" src="RelativePosition.js"></script>
    <script type="text/javascript" src="FixedMenu.js"></script>
    </head>
    <body>
    <style type="text/css">
    .container4 li, .container4_2 li{ list-style:none;}
    .container4 ul, .container4_2{margin:0;}.container4 {width:350px; margin:0 auto;padding:7px 10px;font:12px Verdana;border:1px solid #ccc;background:#fffeed; line-height:15px;height:15px; _overflow:hidden;}
    .container4 li {float:left;padding:0 10px; border-right:1px solid #ccc; }
    .container4 div {float:left;color:#000;padding-right:10px;}li.menu4 {position:relative;margin-left:-1px; top:-1px; z-index:9999;border:1px solid #85ccff; border-bottom:0; padding-bottom:8px; color:#ff6026; background:#dbf3ff;}.container4_2 {width:350px;padding:10px;border:1px solid #85ccff;background:#dbf3ff;line-height:25px;font-size:14px; font-weight:bold;display:none;}.container4_2 a{ display:block;_zoom:1;}
    .container4_2 a:link, .container4_2 a:visited, .container4_2 a:active {color:#565553;text-decoration: none;}
    .container4_2 a:hover {color:#ff5500;text-decoration: underline;}.container4 a:link, .container4 a:visited, .container4 a:hover, .container4 a:active {color:#565553;text-decoration: none;}
    .menu4 a:link, .menu4 a:visited, .menu4 a:active {color:#ff6026;}
    .menu4 a:hover{color:#ff6026;text-decoration:underline;}
    </style>
    <div id="idContainer4" class="container4">
      <div><b>Tag索引</b></div>
      <ul id="idMenu4">
        <li id="idMenu4_1"><a href="#tag/Table/">Table</a></li>
        <li id="idMenu4_2"><a href="#tag/Fixed/">Fixed</a></li>
        <li id="idMenu4_3"><a href="#tag/Color/">Color</a></li>
        <li id="idMenu4_4"><a href="#tag/Date/">Date</a></li>
        <li id="idMenu4_5"><a href="#tag/Select/">Select</a></li>
      </ul>
    </div>
    <ul id="idContainer4_2" class="container4_2">
    <div id="1">
      <li id="idMenu4_11"><a href="#">1</a></li>
      <li id="idMenu4_12"><a href="#">Table排序</a></li>
      <li id="idMenu4_13"><a href="#">图片滑动切换效果</a></li>
    </div>
    <div id="2">
      <li id="idMenu4_21"><a href="#">浮动定位提示效果</a></li>
      <li id="idMenu4_22"><a href="#">仿LightBox内容显示效果</a></li>
      <li id="idMenu4_23"><a href="#">图片变换效果(ie only)</a></li>
    </div>
    <div id="3">
      <li id="idMenu4_31"><a href="#">颜色梯度和渐变效果</a></li>
      <li id="idMenu4_32"><a href="#">图片滑动展示效果</a></li>
      <li id="idMenu4_33"><a href="#">Tween算法及缓动效果</a></li>
    </div>
    <div id="4">
      <li id="idMenu4_41"><a href="#">blog式日历控件</a></li>
      <li id="idMenu4_42"><a href="#">日期联动选择器</a></li>
      <li id="idMenu4_43"><a href="#">无刷新多文件上传系统</a></li>
    </div>
    <div id="5">
      <li id="idMenu4_51"><a href="#">多级联动select</a></li>
      <li id="idMenu4_52"><a href="#">拖放效果</a></li>
      <li id="idMenu4_53"><a href="#">滑动条效果</a></li>
    </div>
    </ul>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <script>var menu4 = [
    { id: 1, parent: 0, elem: 'idMenu4_1', active: "menu4" },
    { id: 2, parent: 0, elem: 'idMenu4_2', active: "menu4" },
    { id: 3, parent: 0, elem: 'idMenu4_3', active: "menu4" },
    { id: 4, parent: 0, elem: 'idMenu4_4', active: "menu4" },
    { id: 5, parent: 0, elem: 'idMenu4_5', active: "menu4" },

    { id: 11, parent: 1, elem: 'idMenu4_11' },
    { id: 12, parent: 1, elem: 'idMenu4_12' },
    { id: 13, parent: 1, elem: 'idMenu4_13' },

    { id: 21, parent: 2, elem: 'idMenu4_21' },
    { id: 22, parent: 2, elem: 'idMenu4_22' },
    { id: 23, parent: 2, elem: 'idMenu4_23' },

    { id: 31, parent: 3, elem: 'idMenu4_31' },
    { id: 32, parent: 3, elem: 'idMenu4_32' },
    { id: 33, parent: 3, elem: 'idMenu4_33' },

    { id: 41, parent: 4, elem: 'idMenu4_41' },
    { id: 42, parent: 4, elem: 'idMenu4_42' },
    { id: 43, parent: 4, elem: 'idMenu4_43' },

    { id: 51, parent: 5, elem: 'idMenu4_51' },
    { id: 52, parent: 5, elem: 'idMenu4_52' },
    { id: 53, parent: 5, elem: 'idMenu4_53' }
    ];new FixedMenu([ { id: "idContainer4", menu: "idMenu4" }, "idContainer4_2" ], {
    menu: menu4, relContainer: true,
    relative: { align: "clientleft", vAlign: "bottom", customTop: -1 }
    });</script>
    </body>
    </html>
      

  2.   

    <%#Eval("id")%>只能在asp:Repeater下的<ItemTemplate>里才有效。
    你把它拷到别外用是不行的。
      

  3.   

    那我如何在var menu4  里面传值.后台代码和前台代码都附上了.
      

  4.   

    把DataTable dt = db.reDt(sql);的dt变为public属性，然后在前端页面用
    <% for(int i=0;i<dt.rows.count;i++){ %>
    { id: 1,  parent: '<% dt.rows[i]["id"].tostring() %>',...
    <% } %>
      

  5.   


    <script>    var menu4 = [
                <% for(int i=0;i<dt.Rows.Count;i++) {%>
                { id: 1,  parent: '<% dt.Rows[i]["id"].ToString()%>', elem: '<% dt.Rows[i]["id"].ToString()%>', active: "menu4" },
                { id: 11, parent: '<% dt.Rows[i]["navigation_id"].ToString()%>', elem: '<%dt.Rows[i]["navigation_id"].ToString()%>'<%}%>,
                
                ];
        new FixedMenu([{ id: "idContainer4", menu: "idMenu4" }, "idContainer4_2"], {
            menu: menu4, relContainer: true,
            relative: { align: "clientleft", vAlign: "bottom", customTop: -1 }
        });</script>代码出错
    加QQ帮我看一下行吗？
      

  6.   

    你最开始的问题是单双引号的使用有问题。双引号里面不能再用双引号var menu4 = [
        { id: 1,  parent: '<%#Eval("id")%>', elem: '<%#Eval("id")%>', active: "menu4" },
        { id: 11, parent: '<%#Eval("navigation_id")%>', elem: '<%#Eval("navigation_id")%>' },
    ];