我有Django模板，網址和jquery

當我使用django網址在最後的jQuery代碼的href標籤中的django網址，不工作，但當我刪除的網址和地點'＃'jquery工作正常。我認爲這與django網址（可能）有關。無論如何，我只是想解決這個問題，請告訴我爲什麼會發生這種情況，以及如何解決這個問題。下面是基本模板和url.py 順便說一下，每個url指向一個單獨的html文件。例如。 /家/分的Home.html /公司簡介/點about.html我有Django模板，網址和jquery

base.html文件

<html> 
<head> 
    {% load staticfiles %} 
    <meta charset="UTF-8"> 

    <title>{% block title %}{% endblock %} | Vasu Genset Pvt. Ltd.</title> 

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 

    <link rel="stylesheet" href="https://bootswatch.com/paper/bootstrap.min.css"> 

    <link rel="stylesheet" type="text/css" href="{% static 'index/css/index.css' %}"> 

    <link rel="stylesheet" href="{% static 'index/css/products-style.css' %}"> 

    {% block style %}{% endblock %} 


</head> 
<body> 

    <nav class="navbar navbar-default"> 
     <div class="container"> 
      <div class="navbar-header"> 
       <a class="navbar-brand" href="#" >Vasu Genset Pvt. Ltd.</a> 
       <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mydropdown"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 
      </div> 
      <div id="fh5co-navbar" class="collapse navbar-collapse" id="mydropdown"> 
       <ul class="nav navbar-nav navbar-right" id="navbar-change"> 
        <li><a class="active" href="#">Home</a></li> 
        <li><a href="#">About Us</a></li> 
        <li class="dropdown"> 
        <a href="/productsandservices/" class="dropdown-toggle" data-toggle="dropdown">Products & Services <span class="caret"></span></a> 
         <ul class="dropdown-menu"> 
          <li><a href="/generatorrepair/">Generator Repair</a></li> 
          <li><a href="/generatormaintenance/">Generator Maintenance</a></li> 
          <li><a href="/alternator/">Alternator Repair & Maintenance</a></li> 
          <li><a href="/amc/">AMC Service Provider</a></li> 
          <li><a href="/spareparts/">Spare Parts</a></li> 
          <li><a href="/generatorrentalhire/">Generator Rental & Hire</a></li> 
          <li><a href="/synchronizing/">Synchronizing Panel</a></li> 
          <li><a href="/amfpanel/">AMF Panel</a></li> 
          <li><a href="acousticenclosures">Acoustic Enclosures</a></li> 
         </ul> 
        </li> 
        <li><a href="/contactus/">Contact Us</a></li> 
       </ul> 
      </div> 
     </div> 
    </nav> 


    {% block body %} 
    {% endblock %} 

    <footer class="text-center"> 
      <div class="container-fluid"> 
       <div class="row"> 
        <div class="col-xs-offset-1 col-xs-10 col-md-offset-3 col-md-6"> 
         <h4>Copyright &copy; Vasu Genset Pvt. Ltd.</h4> 
        </div> 
       </div> 
      </div> 
    </footer> 

</body> 

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
    <!-- Include all compiled plugins (below), or include individual files as needed --> 
    <script src="{% static 'index/js/bootstrap.min.js' %}"></script> 

    <script> 
     $('.nav li').click(function(e) { 
      console.log(e.currentTarget,"//",e.target,"//",this); 
      e.stopPropagation(); 
      $('.nav li').removeClass('active'); 
      $(this).addClass('active'); 
     }); 
    </script> 


</html>

urls.py

from django.conf.urls import url 
from . import views 

urlpatterns = { 
    url(r'^$', views.home, name='home'), 
    url(r'^home/', views.home, name='home'), 
    url(r'^aboutus/', views.about, name='aboutus'), 
    url(r'^productsandservices/', views.product, name='product'), 
    url(r'^contactus/', views.contact, name='contactus'), 
    url(r'^generatorrepair', views.generatorrepair, name='generatorrepair'), 
    url(r'^generatormaintenance', views.generatormaintenance, name='generatormaintenance'), 
    url(r'^alternator', views.alternator, name='alternator'), 
    url(r'^amc', views.amc, name='amc'), 
    url(r'^spareparts', views.spare, name='spareparts'), 
    url(r'^generatorrentalhire', views.rentalhire, name='rentalhire'), 
    url(r'^synchronizing', views.synchronizing, name='synchronizing'), 
    url(r'^amfpanel', views.amf, name='amfpanel'), 
    url(r'^acousticenclosures', views.acoustic, name='acoustic'), 
}

來源

2017-02-10 Vasu Pal

您需要添加「/」來其餘的你的網址（我看到你已經有了前四個）。這樣的Django可以訪問它們：

url(r'^generatorrepair/', views.generatorrepair, name='generatorrepair'), 
    url(r'^generatormaintenance/', views.generatormaintenance, name='generatormaintenance'), 
    url(r'^alternator/', views.alternator, name='alternator'), 
    url(r'^amc/', views.amc, name='amc'), 
    url(r'^spareparts/', views.spare, name='spareparts'), 
    url(r'^generatorrentalhire/', views.rentalhire, name='rentalhire'), 
    url(r'^synchronizing/', views.synchronizing, name='synchronizing'), 
    url(r'^amfpanel/', views.amf, name='amfpanel'), 
    url(r'^acousticenclosures/', views.acoustic, name='acoustic'),

要拿到劇本添加「活動」類元素的工作，選擇「一個」元素，而不是「利」與之前使用find（）函數。像這樣：

$('.nav a').on('click', function(e){ 
    console.log(e.currentTarget,"//",e.target,"//",this); 
    e.stopPropagation(); 
    $('.nav').find('.active').removeClass('active'); 
    $(this).parent().addClass('active'); 
});

來源

2017-02-10 04:49:39

但仍jquery不工作 –

我編輯我的答案。希望這可以幫助！ –

我有Django模板，網址和jquery

回答

相關問題