【问题标题】:jquery not working from cdn with django templatejquery不能从cdn使用django模板工作
【发布时间】:2013-06-30 06:31:46
【问题描述】:

这是我的模板部分,从 CDN 加载 jquery:

<head>
    {% load staticfiles %}


    <title>My Schedule</title>
    <link href="{{ STATIC_URL }}css/bootstrap.min.css" rel="stylesheet">
    <script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>
    <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>

</head>

<body>
    {% if user.is_authenticated %}
        <div class="btn-group">
            <a href="#" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" style="margin: 3px;">
                {{ user.username }}
                <span class="caret"></span>
            </a>
            <ul class="dropdown-menu">
                <li><a href="#">Action1</a></li>
            </ul>
        </div>
    {% endif %}

但我似乎无法让下拉菜单正常工作,尽管它在在线模拟器中运行良好..

感谢您的任何见解!

【问题讨论】:

    标签: jquery python html django cdn


    【解决方案1】:

    您需要将jquery js 文件放在所有其他js 文件之前。像这样的东西(注意按顺序切换):

    <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
    <script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>
    

    【讨论】:

    • 没有错误,只是成功和 '[02/Jul/2013 08:46:59] "GET / HTTP/1.1" 200 2310'
    • 只需将 jquery 下载到与引导程序相同的目录并从那里引用它。如果这不起作用,则错误是别的。
    • 我之前是从静态文件中加载它的,但没有用,这就是为什么我默认使用 CDN 引用,我不知所措):
    • 那你解决了错误的问题..你能试着创造一个小提琴吗?
    • 由于某种原因,它可以从静态加载并将其放在引导 js 之前!谢谢!我会研究加载js文件的顺序,显然我加载js的部分有些天真!答案标记
    【解决方案2】:

    cdn不应该是这个吗

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"</script>
    

    另外,把它放在所有的js文件之前

    【讨论】:

      【解决方案3】:

      为了让我的工作,我将静态文件的引用直接放在 doctype 声明的下方。

      <!DOCTYPE html>
      
      {% load static %}
      

      当我在脚本 src 中列出它时,我还删除了 url 的 http 部分。

      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" ></script>
      

      显然,删除 http 可确保该引用同时适用于 http 和 https

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2011-09-23
        • 1970-01-01
        • 2018-06-18
        • 2015-03-29
        • 2012-09-10
        • 1970-01-01
        • 1970-01-01
        • 2023-03-14
        相关资源
        最近更新 更多