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>
een ul met al je items?
de jQuery lib inladen?
en de jquery.jBreadCrumb.1.1.js
En de CSS van de Breadcrumb. wat wel eens handig kan zijn.
Gewijzigd op 21/03/2013 15:33:43 door - Ariën -
http://www.comparenetworks.com/developers/jqueryplugins/jBreadCrumb_1.1.zip
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>
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
laat je list met items eens zien? Heb je die id="breadCrumb" meegegeven?
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
Heb je een tastbaar voorbeeld? met plaatjes kunnen we lastig debuggen....
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
hmm ik probeer wel een andere BreadCrumb ik kom er niet uit, Die CSS files overrulen zoals HertogJan al zei mijn normale CSS van de template.