これはばかげた質問のように思えるかもしれませんが、JS/JQueryの入門者として2つの列メニューを作成するためのシンプルな.jsファイルを作成しています。私はJSやJqueryを使用しているかどうかに応じて異なるコードを使用する必要がある、私が必要とするものにソリューションを見つけました。私は何を使用しているのかわかりません。これは、私がこれをすべて始める前に、私がbxSliderを使用するためにJQueryライブラリを既に含んでいたという事実(下記参照)が混乱しています。jQueryが特定のWebアプリケーションで使用されているかどうかを確認する方法は?
<!-- jQuery library (served from Google)-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- bxSlider Javascript file -->
<script src="<?php bloginfo('template_directory'); ?>/js/jquery.bxslider/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="<?php bloginfo('template_directory'); ?>/js/jquery.bxslider/jquery.bxslider.css" rel="stylesheet" />
<!--Other javascript-->
<script src="<?php bloginfo('template_directory'); ?>/js/menu-two-cols.js"></script>
そして、これが私の「メニュー-2-cols.js」である:私は...ここに
基本的なものは全くの誤解だ場合、これが私のHTMLヘッドからreleventエリアで
謝罪これまでのファイル:
function menuTwoCols() {
var browserH = $(window).height();
if (browserH > 630) {
//do nothing - menu can stay as a single column
}else{
//do everything below
//make width auto for measurement for this child
$('.menu-header li:nth-child(6) li').css({'width':'auto'});
var maxOdd = 0;
var maxEven = 0;
var listItemNum = $(".menu-header li:nth-child(6) li").length;
console.log("First level menu (6) ODD num widths");
$('.menu-header ul li:nth-child(6) ul li:nth-child(odd)').each(function() {
var $this = $(this);
var colWidth = $this.outerWidth();
if (colWidth > maxOdd) {
maxOdd = colWidth;
}
console.log(colWidth);
});
console.log("Max Odd = " + maxOdd);
console.log("First level menu (6) EVEN num widths");
$('.menu-header ul li:nth-child(6) ul li:nth-child(even)').each(function() {
var $this = $(this);
var colWidth = $this.outerWidth();
if (colWidth > maxEven) {
maxEven = colWidth;
}
console.log(colWidth);
});
console.log("Max Even = " + maxEven);
var maxBoth = maxOdd + maxEven;
var maxOddPc = ((maxOdd/maxBoth) * 100)+"%";
var maxEvenPc = ((maxEven/maxBoth) * 100)+"%";
console.log("Max BothPx = " + maxBoth + '\n' +
"Max Odd% = " + maxOddPc + '\n' +
"Max Even% = " + maxEvenPc + '\n' +
"List Item Num = " + listItemNum + '\n');
console.log("Text content");
console.log($('.menu-header ul li:nth-child(6) ul').text() + ' _ ');
//make changes to widths if no space for single column
$('.menu-header ul li:nth-child(6) > ul').css('width', maxBoth);
$('.menu-header li:nth-child(6) li:nth-child(odd)').css('width', maxOddPc);
$('.menu-header li:nth-child(6) li:nth-child(even)').css('width', maxEvenPc);
$('.menu-header ul li:nth-child(6) ul li:nth-child(2)').css({'border-top':'5px solid #fff'}); //top white line
}//end of if statement
}
jQuery * is * JavaScript。それは別の言語ではなく、図書館です。 –
$または "jQuery"名前空間で始まるものはすべてJqueryです。これはjQueryを使用していることを知っているあなたのキャッチです。 javascriptのためのそのラッパー、舞台裏のバニラjs。 – Fida
私は基本的にそれを理解しています - JavaScriptやJQueryのような.jsファイルのコードを少し見て、どうすればいいですか?違いは何ですか?上記の.JSファイルは何ですか? – Slab