莫塔爾不打開Django

我有一個Django模式的小問題。莫塔爾不打開Django

我有一個鏈接，它調用一個id和id是一種模式。但是，模式不開放。我很肯定，這是因爲鏈接是在「自動」的形式，但我是新的Django和Python，所以我不知道。

的代碼是：

{% block body %} 
    <div class="col-lg-12 page-content"> 
     <h1 class="content-title">Meus Dados</h1> 
     <hr class="star-light"> 
     <div class="form-content"> 
      <form class="form-horizontal" method = 'POST' action="/user/edituser/"> 
       {% csrf_token %} 
       {% for field in form_user %} 
        {% bootstrap_field field exclude="password,repeat_password" %} 
       {% endfor %} 
       <div class="button-div"> 
        <a class="btn btn-info btn-block btn-password" href="#change-password" 
         data-toggle="modal">Alterar senha</a> 
        {% buttons %} 
         <button class="btn btn-success btn-block btn-edit" type = 'submit'>Salvar Dados</button> 
        {% endbuttons %} 
       </div> 
      </form> 
      <a class="btn btn-danger btn-block btn-delete" href="/user/delete" name="delete">Excluir minha conta</a> 
     </div> 
    </div> 
    <div class="modal hide" id="change-password"> 
     <div class="modal-header"> 
      <button class="close" data-dismiss="modal">&times;</button> 
      <p class="modal-title" id="myModalLabel">Change Password</p> 
     </div> 
     <div class="modal-body"> 
      <div class="row"> 
       <div class="modal-col col-sm-12"> 
        <div class="well"> 
         <form method="post" id="passwordForm"> 
          <input type="password" class="input-lg form-control" name="password1" 
           id="password1" placeholder="New Password"> 
          <input type="password" class="input-lg form-control" name="password2" 
           id="password2" placeholder="Repeat Password"> 
         </form> 
        </div> 
       </div> 
      </div> 
     </div> 
     <div class="modal-footer"> 
      <a href="#" class="btn btn-success btn-bloc">Alterar Senha</a> 
     </div> 
    </div> 
{% endblock %}

任何疑問，請詢問。謝謝。

來源

2016-09-16 Elaine Cristina Meirelles

褪色你<a>標籤更改爲以下：

<a class="btn btn-info btn-block btn-password" href="#" 
    data-toggle="modal" data-target="#change-password">Alterar senha</a>

至少這是我在我的Django模板中做到的。我認爲@souldeux想說，你需要使用data-target屬性來指定模態本身，而不是href;在這種情況下，我通常只使用#。

此外，請確保您不僅加載引導CSS代碼，而且引導程序js庫。換句話說，確保你在你的模板以下（或同等學歷）：

<!-- Latest compiled and minified JavaScript (at the time of this post) --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

除了你的CSS：

<!-- Latest compiled and minified CSS (at the time of this post) --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

我假設你已經有了，否則事情會看起來很奇怪。

來源

2016-09-16 15:21:18 elethan

遺憾的是仍然不能正常工作 –

@ElaineCristinaMeirelles您是否在瀏覽器中看到任何錯誤（即在開發者控制檯？）？此外，請確保您加載了引導程序js代碼以及引導程序的css代碼。 – elethan

神聖的廢話，我沒有加載引導js代碼，謝謝一百萬。 –

<a class="btn btn-info btn-block btn-password" href="#change-password" data-toggle="modal">Alterar senha</a>

你需要另外一個data-target屬性您data-toggle。 http://getbootstrap.com/javascript/#live-demo

來源

2016-09-16 14:21:20 souldeux

繼續：no功能：/ –

Desculpe，eusófaloinglês。查看該「啓動演示模式」按鈕的代碼 - 嘗試刪除「href」屬性，並確保數據目標與您的模式的ID相匹配，就像它在示例中所做的一樣。請發佈您在這裏嘗試的內容。 – souldeux

我的不好，我說：仍然沒有工作：/ –

嘗試改變標籤在

<a class="btn btn-info btn-block btn-password" href="#change-password" 
        data-toggle="modal">Alterar senha</a>

「A」標記「按鈕」藏在

<div class="modal hide" id="change-password">

來源

2016-09-16 15:15:10 LGama

不幸的是仍然不能正常工作 –

莫塔爾不打開Django

回答

相關問題