MVC引导程序弹出窗口打开多次

Question

当我点击一个按钮打开我的弹出窗体时，它似乎被多次打开，并且在浏览器控制台中我收到错误＆＃34;（3）未捕获的TypeError：无法读取属性＆＃39;发现＆＃39; of null＆＃34;。我错过了什么？

包含按钮的视图：

<script src="~/Scripts/myscripts/JobOffers/JobOfferPopup.js"></script>

<div id="createJobOfferModal"></div>

<div id="jobOfferButtonsBar">
    <div style="float:left; padding: 0px 5px 5px 5px;">
        <a class="btn btn-default" id="createJobOfferBtn" href="" data-url="@Url.Action("CreateOrUpdate", "JobOffers", new { jobOfferId = 0 })">Create</a>
    </div>
</div>

弹出视图代码：

<div class="modal fade bs-example-modal-lg jobOfferForm" tabindex="-1" role="dialog" aria-labelledby="createJobOffer" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="overflow-y:auto; max-height:70vh">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="createJobOfferLabel"> @Model.PopupTitle </h4>
            </div>
 <div class="modal-body" data-val="5">
                <form class="form-horizontal" role="form">
                    <div class="form-group" style="display:none;">
                        <label class="col-sm-2 control-label">@Html.LabelFor(model => model.Id)</label>
                        <div class="col-sm-10">
                            @Html.HiddenFor(model => model.Id, new { @class = "form-control" })
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">@Html.LabelFor(model => model.Client) </label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="Client" value="@Model.Client" style="width:25%;">
                        </div>
                    </div>
<div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="saveJobOfferBtn" data-url="@Url.Action("CreateOrUpdate", "JobOffers" )">Save changes</button>
            </div>
        </div>
    </div>
</div>

Jquery代码：

$(document).ready(function () {    
    $('#createJobOfferBtn').click(function () {
        $.ajax({
            url: $(this).data("url"),
            type: 'GET',
            cache: false,
            success: function (result) {
                console.log("opened");
                $("#createJobOfferModal").html(result).find('.modal').modal({
                    show: true
                });
            }
        });
        return false;
    });
});