Question

我在Django上开始了一个项目。在我的一个应用程序中，我做了一个带有两个菜单的模板，一个黑色的白色，淡入淡出（使用语义ui）

这里是代码

<!-- Menu fixe -->
<div class="ui large top fixed hidden menu" >
  <div class="ui container">
    <a class="active item" id="acc_menu">Accueil</a>
    <a class="item">Comment ça marche </a>
    <a class="item">Vous voyagez ?</a>
    <!-- <a class="item">besoin 1</a> -->
    <div class="right item">  
        <a class="ui inverted red button" id="connexction1">Connecxion</a>
        <a class="ui inverted red button" id="inscription1">Inscription</a>
    </div>
  </div>
</div>
<!-- Menu noir -->
<div class="pusher">
  <div class="ui inverted segment" id="menu_fixe">
    <div class="ui container">
      <div class="ui large secondary inverted pointing menu">
        <a class="active item" id="acc_menu">Accueil </a>
        <a class="item">Comment ça marche </a>
        <a class="item">Vous voyagez ?</a>
        <!-- <a class="item">besoin 1</a> -->
        <div class="right item">
          <a class="ui inverted red button" id="connexction">Se connecter</a>
          <a class="ui inverted red button" id="inscription">S'inscrire</a>
        </div>
      </div>
    </div>
  </div>
</div>
{% block extrahead %}
    <! -- other loading --!>
    <script src="{% static 'js/base.js' %} "></script>
    <link rel="stylesheet" type="text/css" href="{% static 'css/base.css' %} "/>
{% endblock %}

使用此js文件：base.js

  $(document).ready(function() {
  // fix menu when passed
  $('#menu_fixe')
    .visibility({
      once: false,
      onBottomPassed: function() {
        $('.fixed.menu').transition('fade in');
      },
      onBottomPassedReverse: function() {
        $('.fixed.menu').transition('fade out');
      }
    })
  ;

})
;

工作正常，但当我在主页上添加一个滑块时，模板链接淡入 - 淡出不再工作了！

这是我的主页代码：

<!DOCTYPE html>
{% extends "home/base.html" %}
{% load static %}
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 </head>
  <body>
  {% block content %}
  <!-- SLIDERSHOW --> 
  <ul class="skdslider">

  <li>
   <img src=" {% static 'img/slide/metro.jpg' %}" />
  </li>
  <li>
    <img src=" {% static 'img/slide/preparation gateau.jpg' %}" />
  </li>
  <li>
    <img src=" {% static 'img/slide/travelling-with-suitcase.jpg' %}" />
  </li>
  <li>
    <img src=" {% static 'img/slide/velo.jpg' %}" />
  </li>
  <li>
    <img src=" {% static 'img/slide/metro.jpg' %}" />
  </li>
  <li>
    <img src=" {% static 'img/slide/more-travel-teddies-series.jpg' %}" />
  </li>
</ul>
{% block extrahead %}
    {{block.super}}
  <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
  <script src="{% static 'js/accueil.js' %} "></script>
  <link rel="stylesheet" type="text/css" href="{% static 'css/accueil.css' %} "/>
  {% endblock %}
 {% endblock %}

我有另一个js文件：＆＃34; accueil.js＆＃34;幻灯片放映，它的工作正常。我的所有设置都很好：

STATIC_URL = '/static/'
STATICFILES_DIRS = (BASE_DIR + '/static',)

Django-JS淡入菜单不起作用

0 个答案: