JQuery可在JSFiddle中使用，但不能在Live网站中使用

Question

这是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

Answer 1

添加到数组中的条件始终为true，所以永远不要将值推入数组

更改if(index >= 0) $(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错误）。 我们确实托管了一些库，请在使用前将它们上传到您的网站。

• 草案http://doc.jsfiddle.net/basic/introduction.html#result-draft
• 常见问题解答http://doc.jsfiddle.net/faq.html#code-is-working-on-jsfiddle-not-on-site-local-machine