Question

这是JSFiddle： http://jsfiddle.net/CR47/w45M8/

这是Live网站： 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

Answer 1

要在数组中添加的条件是真的，所以永远不要将值推入数组

更改if(index >= 0) insted $(this).hasClass('selected')

它是关于函数添加类和评估“hasClass”的函数之间的时间，如果有类，则必须评估是否存在于数组中...

var skinCare = [];
        $('.skinCare').click(function(){
            var value = event.target.className.split(" ")[0];
            var index = skinCare.indexOf(value); 
            if(index >= 0){
                skinCare.splice(index, 1);
            } else if($.inArray(value, skinCare) == -1){
                skinCare.push(value);
            }
        });

Answer 2

请将您网页上的来源与草稿页面进行比较。检查脚本是否加载了所有指定的库（使用浏览器中的Web控制台检查404错误）。我们确实托管了一些图书馆，请在使用之前将它们上传到您的网站。

JQuery在JSFiddle中工作，但不在Live网站上工作

2 个答案: