关于asp.net mvc运用jQuery的层次TreeView的问题

以下是我写的代码，不知道为什么在vs2008中没办法显示预期效果
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %><!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>ViewPage1</title>
    <link href="../../Scripts/jquery-treeview/jquery.treeview.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../../Scripts/jquery-treeview/jquery.treeview.js"></script>
</head>
<body>
    <div>
    <ul id="browser" class="filetree treeview-famfamfam">
<li>Folder 1
<ul>
<li><span class="folder">Item 1.1</span>
<ul>
<li><span class="file">Item 1.1.1</span></li>
</ul>
</li>
<li><span class="folder">Folder 2</span>
<ul>
<li><span class="folder">Subfolder 2.1</span>
<ul id="folder21">
<li><span class="file">File 2.1.1</span></li>
<li><span class="file">File 2.1.2</span></li>
</ul>
</li>
<li><span class="folder">Subfolder 2.2</span>
<ul>
<li><span class="file">File 2.2.1</span></li>
<li><span class="file">File 2.2.2</span></li>
</ul>
</li>
</ul>
</li>
<li class="closed"><span class="folder">Folder 3 (closed at start)</span>
<ul>
<li><span class="file">File 3.1</span></li>
</ul>
</li>
<li><span class="file">File 4</span></li>
</ul>
</li>
</ul>
    </div>
</body>
</html>
有没有人能给个有源码的例子吗？

解决方案 »

  1.   

    这是我改了以后的,我把这代码写成html文件可以顺利运行。可以写成aspx文件在vs2008里面调试的时候没有效果<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage" %><!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>ViewPage1</title>
        <link href="../../Scripts/jquery-treeview/jquery.treeview.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="../../Scripts/jquery-treeview/jquery.treeview.js"></script>
        <script type="text/jscript" src="../../Scripts/jquery-treeview/lib/jquery.js"></script>
        <script type="text/javascript">
    $(document).ready(function(){
    $("#browser").treeview({
    toggle: function() {
    console.log("%s was toggled.", $(this).find(">span").text());
    }
    });

    });
    </script>
    </head>
    <body>
        <div>
        <ul id="browser" class="filetree treeview-famfamfam">
    <li>Folder 1
    <ul>
    <li><span class="folder">Item 1.1</span>
    <ul>
    <li><span class="file">Item 1.1.1</span></li>
    </ul>
    </li>
    <li><span class="folder">Folder 2</span>
    <ul>
    <li><span class="folder">Subfolder 2.1</span>
    <ul id="folder21">
    <li><span class="file">File 2.1.1</span></li>
    <li><span class="file">File 2.1.2</span></li>
    </ul>
    </li>
    <li><span class="folder">Subfolder 2.2</span>
    <ul>
    <li><span class="file">File 2.2.1</span></li>
    <li><span class="file">File 2.2.2</span></li>
    </ul>
    </li>
    </ul>
    </li>
    <li class="closed"><span class="folder">Folder 3 (closed at start)</span>
    <ul>
    <li><span class="file">File 3.1</span></li>
    </ul>
    </li>
    <li><span class="file">File 4</span></li>
    </ul>
    </li>
    </ul>
        </div>
    </body>
    </html>
      

  2.   

    现在可以运行了。不过在点开节点的时候提示 Microsoft JScript 运行时错误: 'console' 未定义 错误。指示到了这行代码console.log("%s was toggled.", $(this).find(">span").text());