Django複選框樣式

我使用Django的神社模板庫，這裏是我的代碼

{%block css%} 
    <link rel="stylesheet" href="/static/css/prettyCheckable.css"> 
{%endblock%} 

{% block footer %} 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
     <script src="/static/js/prettyCheckable.js"></script> 
     <script type="text/javascript"> 
      $().ready(function(){ 

       $('input.myClass').prettyCheckable(); 

      }); 
     </script> 
{% endblock %} 

{% block content %} 
    {% for user in users %} 
     <input type="checkbox" class="myClass" value="yes" id="answer" name="answer"/>{{user.name}}<br>  
    {%endfor%} 
{%endblock%}

我的鼠標在它採取用戶的名字雖然它不顯示覆選框指針的變化。在下載的zip文件中也有圖像（.png文件）。現在我想問一下這些文件將在我的django靜態文件夾中的位置？

來源

2013-08-04 PythonEnthusiast

嘗試添加標籤

<input type="checkbox" class="myClass" value="yes" id="answer" name="answer"/><label for="answer">{{user.name}}</label><br>

來源

2013-08-04 06:07:41

不，它不是發生。但是，我想我已經找到了解決方案。雖然它沒有顯示覆選框，但我的鼠標指針會將其更改爲用戶名。下載的zip文件中也有圖片。現在我想問問這些文件將放在我的靜態文件夾中？ – PythonEnthusiast

請參閱css文件中的相對路徑並放置在相似的路徑中。如果img路徑是：../img/file.png，它將進入靜態/ img。如果它與css在相同的路徑，它將進入靜態/ img。您可以檢查chrome是否有404錯誤以查看它們是否已加載 –

你看到的CSS屬性？如果你這樣做，你應該找到的代碼如下：

height: 30px; 
width: 30px; 
display: block; 
float: left; 
cursor: pointer; 
margin: 0; 
background: url('../img/sprites-sfa68604977.png');

，我發現你鏈接的CSS在

 <link rel="stylesheet"href="/static/css/prettyCheckable.css">

文件，所以如果你想顯示圖像，你應該承諾CSS的目錄存在IMG /精靈 - sfa68 604977.png'）;

最後，我改變複選框的風格justnow .. 我用這個css checkbox ...
我希望這個答案對你有用:)

來源

2013-11-20 10:31:55 user2228392

Django複選框樣式

回答

相關問題