Kann ausgeblendete Navbar in Bluemix entfaltete App nicht erweitern

Ich bin eine sehr einfache node.js-Anwendung in Bluemix bereitstellen. Ich benutze ejs und bootstrap, um oben eine Navbar zu erstellen. Es funktioniert mit meiner lokalen Version des Codes, aber wenn ich es auf bluemix und deploy drehe, wird die Navbar nicht erweitert. Interessanterweise ist der Quellcode für beide Apps im Browser identisch. Hier ist der Code:Kann ausgeblendete Navbar in Bluemix entfaltete App nicht erweitern

<!-- views/pages/start.ejs --> 

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<!-- views/partials/head.ejs --> 

<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>Some Title</title> 

<!-- CSS (load bootstrap from a CDN) --> 
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

<style> 
    body { position: relative; padding-top:50px; } 
</style> 

</head> 

<body class="container" data-spy="scroll" data-target=".navbar" data-offset="50"> 

<header> 
<!-- views//partials/header.ejs --> 


<nav class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="#">Website</a> 
    </div> 
    <div> 
     <div class="collapse navbar-collapse" id="myNavbar"> 
     <ul class="nav navbar-nav"> 
      <li><a href="#section1">Section 1</a></li> 
      <li><a href="#section2">Section 2</a></li> 
      <li><a href="#section3">Section 3</a></li> 
     </ul> 
     </div> 
    </div> 
    </div> 
</nav> 
</header>

Quelle

2016-08-04 Carlos Mendoza

Wenn Sie Ihre App in Bluemix laden, zeigt Ihr Browser ein "Schild" -Symbol in der Adressleiste? Wenn ja, könnten Sie in mixed content blocking laufen. Dies bedeutet im Wesentlichen, dass der Browser die Ausführung externer Inhalte über HTTP verweigert, wenn der Rest der Website über HTTPS bedient wird.

Der einfachste Weg, um es zu beheben ist von externen Ressourcen für alle https:// URLs zu ändern:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Zur Sicherheit sollten Sie auch Ihre laden Bluemix App mit seiner https:// URL immer.

Quelle

2016-08-04 17:29:53 mamacdon

Vielen Dank! Das hat das Problem behoben. –

Kann ausgeblendete Navbar in Bluemix entfaltete App nicht erweitern

Antwort

Verwandte Themen