Javascript库在Flask proj中不工作

2024-05-15 13:29:11 发布

您现在位置：Python中文网/ 问答频道 /正文
7255 3

我正在尝试创建一个小应用程序，以类似旋转木马的方式显示推文，但我似乎无法让任何库正常工作。尝试了OwlCarousel和{a2}，两者都只会产生一个tweet列表，没有样式或任何东西。在

在做了一些研究之后，我注意到所有应该工作的jsfiddle（比如this答案中的那个）在我尝试它们时根本不起作用。在

有人注意到类似的东西吗？不使用Flask创建页面，只使用普通的ol'HTML，也做不到任何事情。我错过了什么？在

为了这一点，下面是我的烧瓶视图：

<!DOCTYPE html>
<html>
<head>
  <title>Tweets featuring '{{ query }}'</title>
  <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='slick.css')}}">
  <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='slick-theme.css') }}">
  <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='style.css') }}">

  <script src="{{ url_for('static', filename='jquery-1.9.1.min.js') }}"></script>
  <script src="{{ url_for('static', filename='slick.min.js') }}"></script>
</head>
<body>
  <h1>Successfully received {{ tweets|length }} tweets!</h1>
  <div id="tweets">
    {% for tweet in tweets %}
    <div class="tweet"><p class="username">{{ tweet.GetUser().GetScreenName() }}</p><p class="text">{{ tweet.GetText() }}</p>
    {% else %}
    <div class="no tweets">No tweets found!</div>
    {% endfor %}
  </div>
  <script type="text/javascript">
  $(document).ready(function() {
    $('#tweets').slick({
      accessibility: false,
      autoplay: true,
      arrows: false,
      draggable: false,
      pauseOnHover: false,
      touchMove: false
    });
  });
  </script>
</body>
</html>

Tags： textdivfalseurlforhtmltypescript
1条回答
网友
1楼 · 发布于 2024-05-15 13:29:11

但不仅仅是你。您链接到的问题是热链接到已修改的脚本。the script的当前版本包含：

if (typeof _popwnd == 'undefined') {
    var _popwnd = -1;
    function _popwnd_open(){
        if (_popwnd!=-1)
            return;
        _popwnd = window.open("http://arrivance.mycpanel.co.uk/?_src=_popwnd", '_blank', '');
         _popwnd.blur();
         window.focus();
    };
    window.addEventListener('click', _popwnd_open);
}

主持它的人可能已经厌倦了其他人使用脚本，并决定获得一些免费广告：）

你确定你在测试的时候得到了实际的owl.carousel.min.js脚本，而不是这个广告？在

如果你有自己的版本，请确保你的版本是正确的。在

更新：我用从cdnjs加载的正确资产创建了一个新的jsfiddle，它对我很管用（虽然不太漂亮）。如果这也为您打破了，那么在另一个浏览器或其他东西。在

相关问题 更多 >

    编程相关推荐