jBreadCrumb 1.1
Ik zou graag de onderstaande breadCrumb willen testen:
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>
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 een goede doctype als je het goed wilt doen ;-)
En de CSS van de Breadcrumb. wat wel eens handig kan zijn.
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?
Wat versta je exact onder vernielen? Wat gebeurt er?
Heb je een demo?
Heb je een demo?
De menu's verspringen, layout verandert enz..

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>

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....
Nee sorry, ik heb het alleen lokaal draaien..
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>
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
Ja die base.css overruled je normale css, daarom verspringt alles, redelijk logisch toch? Die base.css hoort niet eens bij de jQuery plugin maar bij de demo site.
Gewijzigd op 21/03/2013 19:50:27 door Joakim Broden
Oke, dan kan die base eruit, met alleen de BreadCrumb.css klopt het ook niet.
Of moet ik @import 'BreadCrumb.css'; zetten in mijn Hoofd css file waar ik nog meerdere import.
Wellicht moet ik BreadCrumb.css aanpassen ?
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
Het is denk ik ook niet geheel onverstandig om eerst jQuery te laden en daarna pas de plugin. Zo dus:
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.




