Was muss man machen um jQuery verwenden zu können?
Es sind 3 Schritte die man machen muss um jQuery verwenden zu können!
…
<head>
<link rel=”stylesheet” href=”eigenes.css” type=”text/css” />
<script src=”jquery.js” type=”text/javascript”></script>
<script src=”eigenes.js” type=”text/javascript”></script>
</head>
<body>
<div id=”container”>
<h1>Mc Do</h1>
<div class=”author”>Bernd</div>
<div id=”introduction”>
<h2><a href=”bearbeiten.html”>Bearbeiten</a></h2>
</div>
<div id=”content”>
<h2>Ausgabe</h2>
<p>Hier ist der Bereich der angezeigt werden sollte. …</p>
</div>
</div>
….
Also hier binden wir mal alles ein – und bauen das HTML fix fertig auf!
in die Datei eigenes.js kommt der Code!
jQuery.fn.toggleNext = function() {
this.toggleClass(‘arrow-down’)
.next().slideToggle(‘fast’);
};
$(document).ready(function() {
$(‘<div id=”page-contents”></div>’)
.prepend(‘<h3>Page Contents</h3>’)
.append(‘<div></div>’)
.prependTo(‘body’);
$(‘#content h2′).each(function(index) {
var $chapterTitle = $(this);
var chapterId = ‘chapter-’ + (index + 1);
$chapterTitle.attr(‘id’, chapterId);
$(‘<a></a>’).text($chapterTitle.text())
.attr({
‘title’: ‘Jump to ‘ + $chapterTitle.text(),
‘href’: ‘#’ + chapterId
})
.appendTo(‘#page-contents div’);
});
$(‘#page-contents h3′).click(function() {
$(this).toggleNext();
});
$(‘#introduction > h2 a’).click(function() {
$(‘#introduction’).load(this.href);
return false;
});
});
Hier eine Seite wo man echt super viele Infos bekommt!
Danke das Sie diesen Artikel gelesen haben. Sie können nun eine Nachricht hinterlassen oder bestellen den RSS Feed.
Comments
No comments yet.
Leave a comment