2016-09-16 79 views
1

編輯後立即消失:這個問題是由adblocker內容呈現

我試圖創建一個帳戶詳細信息頁顯示的帳戶 - 對象的某些屬性造成的。我有一個視圖傳遞要在模板中呈現的對象。在Firefox中,呈現的頁面不會顯示屬性,而在Chrome中,您可以在一秒鐘之後看到它們,然後消失。我正在使用Django 1.7.1和Python 2.7。先謝謝你!

這裏是我的代碼,它是基於Ultimate Django課程材料:

views.py:

@login_required() 
def account_detail(request, uuid): 

    account = Account.objects.get(uuid=uuid) 
    if account.owner != request.user: 
      return HttpResponseForbidden() 

    variables = { 
     'account': account, 
    } 

    return render(request, 'accounts/account_detail.html', variables) 

models.py:

class Account(models.Model): 
    uuid = ShortUUIDField(unique=True) 
    name = models.CharField(max_length=80) 
    desc = models.TextField(blank=True) 
    address_one = models.CharField(max_length=100) 
    address_two = models.CharField(max_length=100, blank=True) 
    city = models.CharField(max_length=50) 
    state = models.CharField(max_length=2) 
    phone = models.CharField(max_length=20) 
    owner = models.ForeignKey(User) 
    created_on = models.DateField(auto_now_add=True) 

    class Meta: 
     verbose_name_plural = 'accounts' 

    def __unicode__(self): 
     return u"%s" % self.name 

    @models.permalink 
    def get_absolute_url(self): 
     return 'account_detail', [self.uuid] 

    @models.permalink 
    def get_update_url(self): 
     return 'account_update', [self.uuid] 

    @models.permalink 
    def get_delete_url(self): 
     return 'account_delete', [self.uuid] 

account_detail.html:

{% extends 'base.html' %} 

{% block content %} 
    <div id="content-container" class="container p-none"> 
     <div id="ad-container"> 
      <div id="gi-container" class="ad-container"> 
       {% include 'accounts/account_item_view.html' %} 
      </div> 
     </div> 
     {# List Contacts #} 
     {# List Communications #} 
    </div> 

{% endblock %} 

account_item_view.html:

<div class="gi-header"> 
    <h3 class="ad-mh">{{ account.name }} 
     {# Account Edit Link #} 
     <span> 
      <a class="ad-control edit-account btn btn-link" 
       href="">Edit</a> 
     </span> 
    </h3> 

</div> 
<div class="row gi-body"> 
    <div class="col-md-9"> 
     <h5 class="gi-sh">Description</h5> 
     <p>{{ account.desc }}</p> 
    </div> 
    <div class="col-md-3"> 
     <h5 class="gi-sh">Address</h5> 
     <p class="nm">{{ account.address_one }}</p> 
     <p class="nm">{{ account.address_two }}</p> 
     <p class="nm">{{ account.city}}, {{ account.state }}</p> 
     <p class="nm">{{ account.phone}}</p> 
    </div> 
</div> 

編輯:這是所提供的HTML,它似乎是正確的

<!DOCTYPE html> 
<html> 

    <head> 
     <title>Home | CRM Easy</title> 

      <link rel="icon" type="image/png" 
        href="/static/images/favicon.ico"> 



       <meta http-equiv="Content-Type" 
         content="text/html; charset=utf-8" /> 


       <meta http-equiv="Content-Language" value="en-US" /> 


       <meta name="viewport" 
         content="width=device-width, initial-scale=1.0"> 


     <!-- 


       <link href="/static/css/bootstrap.min.css" 
         rel="stylesheet" media="screen"> 
       <link href="/static/css/app.css" 
         rel="stylesheet" media="screen"> 




     --> 
    </head> 
    <body> 

     <header> 
      <div class="navbar navbar-default navbar-static-top 
      "> 
       <div class="container p-none"> 
        <div class="navbar-header"> 
         <button type="button" class="navbar-toggle" 
           data-toggle="collapse" 
           data-target=".navbar-collapse"> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
         </button> 
         <a class="navbar-brand" href="/">CRM Easy</a> 
        </div> 
        <div class="collapse navbar-collapse"> 
         <ul class="nav navbar-nav navbar-right"> 

           <li><a href="/logout/">Logout</a></li> 
           <li><a href="/account/list/" 
             class="p-r-none">Accounts</a></li> 

         </ul> 
        </div> 
       </div> 
      </div> 
     </header> 

     <div id="site-wrapper"> 

    <div id="content-container" class="container p-none"> 
     <div id="ad-container"> 
      <div id="gi-container" class="ad-container"> 
       <div class="gi-header"> 
    <h3 class="ad-mh">Test Account 

     <span> 
      <a class="ad-control edit-account btn btn-link" 
       href="">Edit</a> 
     </span> 
    </h3> 

</div> 
<div class="row gi-body"> 
    <div class="col-md-9"> 
     <h5 class="gi-sh">Description</h5> 
     <p>This is merely a test account for testing purposes</p> 
    </div> 
    <div class="col-md-3"> 
     <h5 class="gi-sh">Address</h5> 
     <p class="nm">Test Street 1</p> 
     <p class="nm"></p> 
     <p class="nm">Test City, TE</p> 
     <p class="nm">044 666 7777</p> 
    </div> 
</div> 

      </div> 
     </div> 


    </div> 


     </div> 

     <div class="footer"> 
      <div class="container"> 
       <p>Copyright CRM Easy</p> 
      </div> 
     </div> 
    </body> 

    <!-- 


      <script src="/static/js/jquery.min.js"></script> 
      <script src="/static/js/bootstrap.min.js"></script> 
      <script src="/static/js/app.js"></script> 




    --> 
</html> 
+0

你的python代碼和模板都很好。您的CSS和/或JavaScript很可能存在問題。 –

+0

我試圖禁用JS和CSS,但問題仍然存在 – LPispa

+0

您可以發佈視圖返回的完整HTML嗎? –

回答

2

的問題是類ad-container。 AdBlock認爲該元素包含廣告並將其移除。重命名該類將防止該問題。