【问题标题】:Bootstrap with asp.net forms带有 asp.net 表单的引导程序
【发布时间】:2014-01-03 23:42:34
【问题描述】:

我在我的 asp.net 表单应用程序中使用引导程序。我在项目中有所有必需的文件:

  • bootstrap.min.js
  • jquery-2.0.3.min.js
  • bootstrap.min.css

当我在根目录中添加内容页面时,该站点可以正常运行;所有引导功能都可以正常工作。但问题是,当我将内容放在另一个文件夹中(例如 webapp/content/default.aspx)时,该站点在 IE 中无法运行。在其他浏览器上它会显示内容,但引导程序的功能根本不起作用。

我的脚本:

<script src="js/jquery-2.0.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>

【问题讨论】:

    标签: javascript jquery asp.net twitter-bootstrap


    【解决方案1】:

    你需要一个 / 如

    <script src="/js/jquery-2.0.3.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    

    为了更完整

    1. 以斜杠开头使其相对于网站根目录
    2. 两个句点 ../ 会使它上升一个目录(所以 ../../ 使它上升两个目录 ...)
    3. ~/ 将您带到项目目录的根目录。
    4. 否则它与当前文件所在的目录相关。(因此 js/jquery-2.0.3.min.js 正在您当前目录的 js 子文件夹中查找该文件。)

    【讨论】:

      【解决方案2】:

      JQuery 2.0.x 与一些较旧的浏览器不兼容。 使用最新的 1.9.x

      http://www.sitepoint.com/jquery-2-support-ie6-ie7-ie8/

      【讨论】:

      • 不是服务器端的概念吗?
      【解决方案3】:
      **Try using the files:**
      ie8-responsive-file-warning.js,
      html5shiv.js and 
      respond.min.js.
      
      Make the Downloads and place the files in js folder.
      
      **Use the paths**
      
          "@Url.Content("~/patch/file.js")"
      
      
      
           ****Example****
      
      
          <head>
              <!-- Just for debugging purposes. Don't actually copy this line! -->
              <!--[if lt IE 9]><script src="@Url.Content("~/js/ie8-responsive-file-warning.js")"></script><![endif]-->
      
              <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
              <!--[if lt IE 9]>
                <script src="@Url.Content("~/js/html5shiv.js")"></script>
                <script src="@Url.Content("~/js/respond.min.js")"></script>
              <![endif]-->
      
              <script src="@Url.Content("~/js/jquery-2.0.3.min.js")"></script>
              <script src="@Url.Content("~/js/bootstrap.min.js")"></script>
      
            </head>
      

      【讨论】:

        猜你喜欢
        • 2017-10-19
        • 2016-08-28
        • 1970-01-01
        • 1970-01-01
        • 2018-09-27
        • 1970-01-01
        • 2013-07-23
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多