Question

尝试在Github页面上加载我的投资组合，但轮播箭头没有移动，并且在检查模式下，我发现在线上存在错误 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js

使用jquery和Bootstrap的不同链接和脚本尝试了不同

<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.8.10/themes/smoothness/jquery-ui.css" type="text/css">
  <!-- Optional theme -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
</head>

<section class="success" id="projects">
    <center><h2>Projects</h2></center>
  <!-- Wrapper for slides -->
 <!-- Carousel -->
 <div id="myCarousel" class="carousel slide" data-ride="carousel">
   <!-- Indicators -->
   <ol class="carousel-indicators">
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
     <li data-target="#myCarousel" data-slide-to="1"></li>
     <li data-target="#myCarousel" data-slide-to="2"></li>
     <li data-target="#myCarousel" data-slide-to="3"></li>
   </ol>

   <!-- Wrapper for slides -->
   <div class="carousel-inner" role="listbox">
     <div class="item active">
       <center>    <p> <b>E-commerce Website:</b> <ol><br>
     <li >Constructed an E-commerce website for stationary equipment by implementing the MVC framework.</li><br>
     <li>Utilized Ruby on Rails technology to build a web application.</li></ol></P>  </center>
       </div>
     <div class="item">
       <center> <p> <b>Medassist Expert Medical Diagnosis System</b> <ol><br>
    <li> Designed the functional requirements and executed the test plan for the medical diagnosis system as a Quality Analyst. </li><br>
</ol></p> </center>
     </div>
     <div class="item">
       Enabled users to make online donations to Beta University and administrators to track donations.</li><br>
    <li>Created database with MySQL and utilized MS Visio to design the E-R and UML diagrams.</li><br>
     </div>
   </div>

   <!-- Left and right controls -->
   <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
     <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
     <span class="sr-only">Previous</span>
   </a>
   <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
     <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
     <span class="sr-only">Next</span>
   </a>
 </div>
</section>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/jquery-ui.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>


 Carousel must function properly as it does on local system.

Answer 1

https://developers.google.com/web/fundamentals/security/prevent-mixed-content/fixing-mixed-content浏览了内容，并使用了相应的Bootstrap和jquery版本链接。

“如何修复'混合内容：页面已通过HTTPS加载，但请求了不安全的脚本”

1 个答案: