これがJSFiddleです: http://jsfiddle.net/CR47/w45M8/
ライブサイトはこちら: http://dev.chrisruno.com/sahshe/quiz/#index3
はい、インデックスは JQuery ライブラリと .js ファイルに適切にリンクしています。すべてのファイルの他の JavaScript は動作しています。動作していないように見えるのは、JSFiddle で行った部分だけです。それは実際には、本来行うべきこととは逆のことを行っています。
これがライブサイトのスクリーンショットです: http://i.imgur.com/8MjCRxg.jpg?1
var skinCare=[];
$('.skinCare').click(function(){
var value = event.target.className.split(" ")[0];
var index = skinCare.indexOf(value);
if($(this).hasClass('selected')){
//$('.skinCare').removeClass('selected');
skinCare.splice(index, 1);
} else if($.inArray(value, skinCare) == -1){
skinCare.push(value);
}
});
$('html').click(function(){
alert(skinCare);
});
$('.circle').mouseover(function(){
$(this).addClass('hover');
});
$('.circle').mouseout(function(){
$(this).removeClass('hover');
});
$('.multi').click(function(){
//$(this).css('background-color','#ff0000');
$(this).toggleClass('selected');
$(this).removeClass('hover');
});
Chromeフォーラムの提案に従って、Chromeから電話への拡張機能を無効にしようとしましたが、役に立ちませんでした。これは、エラーコンソールに表示されるものです:
Uncaught Error: Syntax error, unrecognized expression: #
jquery.min.js:4
st.error jquery.min.js:4
ft jquery.min.js:4
st jquery.min.js:4
b.fn.extend.find
jquery.min.js:4
b.fn.b.init
jquery.min.js:3 b jquery.min.js:3 (anonymous function) jquery.scrollTo.js:130
b.extend.each jquery.min.js:3
b.fn.b.each jquery.min.js:3
$.fn.scrollTo jquery.scrollTo.js:114 (anonymous function)
myjs.js:10 b.event.dispatch jquery.min.js:3
v.handle jquery.min.js:3 Uncaught ReferenceError: index is not defined myjs.js:106 (anonymous function)
myjs.js:106
b.event.dispatch
jquery.min.js:3 v.handle