2014-04-30 5 views
5

Die HTML-Render:jQuery Schritte nicht richtig

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>TEsT</title>  
</head> 
<body> 
<div id="wizard"> 
    <h1>First Step</h1> 
    <div>First Content</div> 

    <h1>Second Step</h1> 
    <div>Second Content</div> 
</div> 

    <script src="jquery-1.11.0.min.js"></script> 
<script src="jquery.steps.min.js"></script> 
<script src="homepage.js"></script> 
    </body> 
</html> 

jQuery:

$(document).ready(function(){ 
$("#wizard").steps(); 
}); 

Die (un-außerordentliche) Rendition: jQuery Steps

+2

sieht aus wie Sie einige CSS sind vermisst https://github.com/rstaib/jquery-steps/blob/master/demo/css/jquery .steps.css – andrew

+0

Wie sollte es Rendern? Ist der jQuery-Code in der Datei jquery.steps.min.js? Kannst du eine jsfiddle zum Demonstrieren einrichten? –

+0

@JayBlanchard Vor den 'Schritten' ist kein jQuery-Code enthalten. – kmansoor

Antwort

Verwandte Themen