0
jQueryは非常に新しく、正しく書いていますか?できるだけ少ない書き方を理解していきたいと思っています。私は、次のような.each()関数にする必要がありますが、私はよく分かりません。だから私はそれをif文にコーディングするのです。Jqueryをシンプルにする方法を理解しようとしています
HTML:
<div id="header" class="container">
<div class="row">
<div class="sixcol"> <a href="#"><img src="http://dermdev3/sites/Dermatology/images/logo/derm_header_penn_logo.png" alt="Penn Medicine - Dermatology Header Logo" name="logo" width="363" height="103" id="logo"></a></div>
<div class="sixcol last">
<ul id="navigation">
<li><a class="navy" href="#" title="Home">Home</a></li>
<li><a class="red" href="#" title="Link">Link</a></li>
<li><a class="yellow" href="#" title="Link">Link</a></li>
<li><a class="light-blue" href="#" title="Link">Link</a></li>
</ul>
</div>
</div>
</div>
のjQuery:
$(function() {
//Webpages
var home = "Home.hmtl";
var wiki = "Wiki.html";
//Main Navigation
var header = $("div#header");
var colors = "navy red yellow light-blue";
var nav = $("#navigation");
var navList = $("#navigation li");
if (pathname == wiki) {
header.addClass("red");
$("#navigation a.red").attr("id", "current");
navList.children().mouseenter(function() {
$("#navigation a.red").removeAttr("id", "current");
});
nav.mouseleave(function() {
header.removeClass(colors).addClass("red");
$("#navigation a.red").attr("id", "current");
});
}
if (pathname == home) {
header.addClass("navy");
$("#navigation a.navy").attr("id", "current");
navList.children().mouseenter(function() {
$("#navigation a.navy").removeAttr("id", "current");
});
nav.mouseleave(function() {
header.removeClass(colors).addClass("navy");
$("#navigation a.navy").attr("id", "current");
});
}
})。
うわー!どうもありがとうございます!どのように私はそれを呼び出すだろうか?覚えている私はまだ学んでいる:) – Davis
よく、それは異なります。ユーザーが何かをやった後、いつページを呼び出すか、ページが読み込まれますか? – ggreiner
ページが読み込まれます。 – Davis