jBreadCrumb 1.1
http://www.comparenetworks.com/developers/jqueryplugins/jbreadcrumb.html#
jquery.easing.compatibility.js en jquery.easing.1.3.js heb ik in mijn JS map geplaatst een de onderstaande code in mijn formulier maar er gebeurt nog niks.
Wat doe ik verkeerd of ben ik vergeten ?
<html>
<head>
<script type="text/javascript" src="js/jquery.easing.compatibility.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
</head>
<body>
<script type=type="text/javascript">
jQuery(document).ready(function()
{
jQuery("#breadCrumb").jBreadCrumb({easing:'swing'});
})
</script>
</body>
</html>
En de CSS van de Breadcrumb. wat wel eens handig kan zijn.
Gewijzigd op 21/03/2013 15:33:43 door - Ariën -
Als ik deze Base.css erin zet vernield hij mijn template lay-out..
<link type="text/css" href="css/Base.css" rel="stylesheet" />
<link type="text/css" href="css/BreadCrumb.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.jBreadCrumb.1.1.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
Gewijzigd op 21/03/2013 15:48:00 door Robin B
Heb je een demo?
inclusief libraries:
hey zou zomaar een onnozele fout kunnen zijn ik ben nieuw :P
<script type="text/javascript">
jQuery(document).ready(function()
{
jQuery("#breadCrumb").jBreadCrumb();
})
</script>
<div class="breadCrumbHolder module">
<div id="breadCrumb" class="breadCrumb module">
<ul>
<li>
<a href="index.php">Dashboard</a>
</li>
<li>
<a href="Tickets_index.php">Tickets</a>
</li>
</ul>
</div>
</div>
Gewijzigd op 21/03/2013 16:13:43 door Robin B
Hij kan niet over die Base.css... want als ik die weg gooi doet hij het wel.
Andere naamgeving heeft ook geen effect
<html>
<head>
<link type="text/css" href="css/Base.css" rel="stylesheet" />
<link type="text/css" href="css/BreadCrumb.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.jBreadCrumb.1.1.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<script type="text/javascript">
jQuery(document).ready(function()
{
jQuery("#breadCrumb").jBreadCrumb();
})
</script>
<div class="breadCrumbHolder module">
<div id="breadCrumb" class="breadCrumb module">
<ul>
<li>
<a href="index.php">Dashboard</a>
</li>
<li>
<a href="Tickets_index.php">Tickets</a>
</li>
</ul>
</div>
</div>
</body>
</html>
Gewijzigd op 21/03/2013 16:41:54 door Robin B
Gewijzigd op 21/03/2013 19:50:27 door Joakim Broden
Of moet ik @import 'BreadCrumb.css'; zetten in mijn Hoofd css file waar ik nog meerdere import.
Wellicht moet ik BreadCrumb.css aanpassen ?
Gewijzigd op 22/03/2013 09:46:04 door Robin B
Code (php)
1
2
3
2
3
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.jBreadCrumb.1.1.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.jBreadCrumb.1.1.js"></script>