jQuery från scratch eller jQuery UI?
Har funderat på om man ska koda sina egna funktioner och händelser från scratch eller om man ska använda sig av jQuery UI. Vad föredrar ni och vad är dess för och nackdelar?
Vi kan ta jQuery Accordion som exempel.
Så här set det ut när jag skapade en egen Accordion från scratch.
JavaScript i head:
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$(".accordion-content:not(:first)").hide();
$(".accordion-heading a").click(function() {
$(".accordion-content").slideUp("fast");
$(this).parent(".accordion-heading").next(".accordion-content").slideDown("normal");
});
});
</script>
HTML i Body:
<div class="accordion-heading"><a href="#">Accordion 1</a></div>
<div class="accordion-content">Lorem ipsum dolor sit amet.</div>
Så här ser det ut när jag använder jQuery UI.
JavaScript i head:
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script>
$(function() {
$( "#accordion" ).accordion();
});
</script>
HTML i Body:
<div id="accordion">
<h3>Section 1</h3>
<div>
<p>
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
</p>
</div>
</div>
