Bootstrap使用Modal在使用bundleconfig時放置jquery和bootstrap的地方

我爲我的jquery和bootstrap使用了bundle config。我注意到，根據我放置jquery和bootstrap的位置，我得到了不同的結果。Bootstrap使用Modal在使用bundleconfig時放置jquery和bootstrap的地方

使用標準代碼

@{ 
    ViewBag.Title = "CreateWebOrder"; 
} 

<script src="~/Scripts/jquery-2.1.4.min.js"></script> 
<link href="~/Content/bootstrap.min.css" rel="stylesheet" /> 
<script src="~/Scripts/bootstrap.min.js"></script> 

<h2>CreateWebOrder</h2> 

<div class="container"> 
    <div class="row"> 
    <div class="col-lg-6"> 
     @*<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#shipToModal">Add</button> 

     <!-- Button trigger modal --> 
     <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 
      Launch demo modal 
     </button> 

     <!-- Modal --> 
     <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
      <div class="modal-dialog" role="document"> 
       <div class="modal-content"> 
        <div class="modal-header"> 
         <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
          <span aria-hidden="true">&times;</span> 
         </button> 
         <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
        </div> 
        <div class="modal-body"> 
         ... 
        </div> 
        <div class="modal-footer"> 
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
         <button type="button" class="btn btn-primary">Save changes</button> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div>

當我添加下面的腳本和鏈接模態工作正常形式的頂部。

<script src="~/Scripts/jquery-2.1.4.min.js"></script> 
<link href="~/Content/bootstrap.min.css" rel="stylesheet" /> 
<script src="~/Scripts/bootstrap.min.js"></script>

我想使用bundle config並將其添加到_Layout頁面。

當我在窗體底部添加_layout網頁上我的jQuery和引導，並刪除腳本和鏈接從形式

@Scripts.Render("~/bundles/myjquery") 
@Scripts.Render("~/bundles/bootstrap") 
@RenderSection("scripts", required: false) 
</body> 
</html>

的模式將顯示第二個則明確並只顯示褪色的背景。

我的問題是爲什麼我不能使用我的包配置，而不是將腳本和鏈接放在窗體的頂部。什麼導致了這個問題？

來源

2015-07-10 RThompson

我相信[這篇文章]（http://stackoverflow.com/questions/22893246/using-java-script-code-in-mvc5-where-to-put-it/22893588#22893588）可以用於您。 –

「並從表單中刪除腳本**和鏈接** ... ...？ –

您好Tim，當我從我的mvc頁面中刪除jquery和bootstrap的「script src」和「link href」，並將jquery和bootstrap移除到bundle config並將該包添加到佈局頁面時，我遇到了問題。 – RThompson

這可能是因爲您已經多次包含Jquery文件或引導程序js文件。我建議你檢查一下你的bundle配置文件，看看Jquery js文件或者引導文件是否不會被多次調用。引導程序js文件的多個引用可以多次實例化該模式，這可以切換其可見性並向其添加奇怪的行爲。

如果這不起作用，請嘗試檢查您的控制檯以提供一些錯誤信息，如果它仍然存在。

來源

2015-07-10 19:05:15 Novice

感謝新手....這樣做的工作。我有多個bootstraps。再次感謝你的幫助。 – RThompson

請投票答案，如果它幫助你。^ – Novice

我必須先生成15個聲望，然後才能做到這一點。 – RThompson

Bootstrap使用Modal在使用bundleconfig時放置jquery和bootstrap的地方

回答

相關問題