在ASP.net MVC 4中使用Bootstrap Modal

Question

我想在我的項目中添加一個模態，所以我遵循了這個問題，但是當我單擊Ajouter demander按鈕時，什么都沒有出現（我的模態沒有出現）。 這是我的代碼：
部分視圖 ：

@model pfebs0.Models.DEMANDE

<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Ajouter un demande</h3>
</div>
<div>
@using (Html.BeginForm()) {
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    <div class="modal-body">
        <div class="controls">
            <label for="Citoyen_CIN" >CIN(Nom) du demandeur</label>
            @Html.DropDownList("CIT_CIN", String.Empty)
            @Html.ValidationMessageFor(model => model.CIT_CIN)
        </div>
        <div class="form-group">
            <label for="Description">Description d'offre</label>
            @Html.TextAreaFor(model => model.DESCREPTION)
            @Html.ValidationMessageFor(model => model.DESCREPTION)
         </div>
        <div class="form-group">
            <label for="Observation">Observation</label>
            @Html.EditorFor(model => model.OBSERVATION)
            @Html.ValidationMessageFor(model => model.OBSERVATION)
        </div>
        <div class="modal-footer">
            <button type="submit" class="btn btn-default">Valider</button>&nbsp; &nbsp;
            <button type="reset" class="btn btn-default">Fermer</button>&nbsp; &nbsp;
       </div>
      </div>
}

</div>

詳細信息視圖 （我只放入模態代碼以避免長代碼）：

 <button class="btn btn-primary CreateDM" data-id="@Model.CIT_CIN">Ajouter demander</button>
    <div class="modal hide fade in" id="CreateDM">
      <div id="CreateDM-container"></div>
    </div>

<script type="text/javascript">
    $(document).ready(function () {
        $('.createDM').click(function () {
            var url = "/Citoyen/CreateDM"; // the url to the controller
            var id = $(this).attr('data-id'); // the id that's given to each button in the list
            $.get(url + '/' + id, function (data) {
                $('#CreateDM-container').html(data);
                $('#CreateDM').modal('show');
            });
        });
    });
 </script> 

CreateDM操作：

[HttpGet]
        public ActionResult CreateDM(decimal id)
        {
            var newDM = new DEMANDE();
            newDM.CIT_CIN = id;
            return PartialView("_CreateDM", newDM);
        }

那么我的代碼有什么問題呢？

Answer 1

嘗試給您的Ajouter demander按鈕一個唯一的ID

<button id="btnCreateDM" class="btn btn-primary CreateDM" data-id="@Model.CIT_CIN">Ajouter demander</button>

然后使用新ID添加您的點擊事件。 另外，僅將Url.Content用作控制器的路徑，有時硬編碼的路徑會引起問題。

    $('#btnCreateDM').click(function () {
        var url = '@Url.Content("CreateDM")'; // the url to the controller