Javascript jQuery到Wordpress-未捕获的错误让我发疯_Javascript_Jquery_Css_Json_Wordpress

Javascript jQuery到Wordpress-未捕获的错误让我发疯

javascript jquery css json wordpress

Javascript jQuery到Wordpress-未捕获的错误让我发疯,javascript,jquery,css,json,wordpress,Javascript,Jquery,Css,Json,Wordpress,我最近在Codepen上完成了一个小应用程序，我决定把它带到我的网站上，它正在使用Wordpress。我用jQuery替换了$的所有实例，并更新了JSON文件的位置，但控制台中出现了一些问题程序运行得很好——它正在到达JSON文件并从中提取信息——直到我点击缩放按钮，它停止运行。第一次，控制台中没有任何内容，但第二次死点将显示： Uncaught Error: Syntax error, unrecognized expression: . at Function.ga.error (

我最近在Codepen上完成了一个小应用程序，我决定把它带到我的网站上，它正在使用Wordpress。我用jQuery替换了$的所有实例，并更新了JSON文件的位置，但控制台中出现了一些问题

程序运行得很好——它正在到达JSON文件并从中提取信息——直到我点击缩放按钮，它停止运行。第一次，控制台中没有任何内容，但第二次死点将显示：

Uncaught Error: Syntax error, unrecognized expression: .
    at Function.ga.error (jquery.js?ver=1.12.4:2)
    at ga.tokenize (jquery.js?ver=1.12.4:2)
    at ga.select (jquery.js?ver=1.12.4:2)
    at Function.ga (jquery.js?ver=1.12.4:2)
    at Function.a.find (jquery-migrate.min.js?ver=1.4.1:2)
    at r.fn.init.find (jquery.js?ver=1.12.4:2)
    at r.fn.init.a.fn.find (jquery-migrate.min.js?ver=1.4.1:2)
    at a.fn.init.r.fn.init (jquery.js?ver=1.12.4:2)
    at a.fn.init (jquery-migrate.min.js?ver=1.4.1:2)
    at r (jquery.js?ver=1.12.4:2)

我对此感到头疼，我以前在这个网站上放过jQuery应用程序，但我最终还是让其他应用程序运行了……这次不同了

如果有人能看一看，看看他们是否能发现这个问题，我真的很感激，我现在对此感到很沮丧

这是原始（功能）代码笔：这是已转移的wordpress版本：

下面是新的jQuery（用于比较）：

jQuery（'.A、.As、.B、.C、.Cs、.D、.Ds、.E、.F、.Fs、.G、.Gs'）.hide（）；
jQuery.getJSON（“https://www.electricherald.com/json/scalesDirSm.json，函数（数据）{
控制台日志（数据）；
jQuery（'.main btn'）。打开（“单击”，函数（）{
jQuery（“#总规模人”）.empty（）
控制台日志（“清空的总秤”）；
jQuery（'.gcMen ul li button'）.css（{'border'：'1px#666 solid'，
'颜色'：'#666'}）
jQuery（'.scales-men'）.hide（）
jQuery（'.scales-men'）.fadeIn（）
css（{'border'：'1px#cc4c4c solid'，
'颜色'：'#cc4c'}）
var scale=jQuery（this）.data（'scale'））
每个（数据，函数（i，数据）{
if（scale==data.root）{
jQuery（“#总规模人”）.append（“”+data.scale+“”）；
}
});
jQuery（'.scale btn'）。打开（“单击”，函数（）{
jQuery（'.nt'）.hide（）
jQuery（'.scales-men'）.hide（）
jQuery（'.gcMen ul li button'）.css（{'border'：'1px#666 solid'，'color'：'#666'}）
var css=jQuery（this）.data（'css'）
每个（数据，函数（i，数据）{
var notes=['..+data.noteClass_1，
'.'+data.noteClass_2，
'.'+data.noteClass_3，
'.'+data.noteClass_4，
'.'+data.noteClass_5，
'.'+data.noteClass_6，
'.'+data.noteClass_7，
'..+data.noteClass_8]
if（css==data.css）{
jQuery（'#test'）.html（注释）
jQuery（'#inf div:nth child（1）'）。文本（data.root）
jQuery（'#inf div:n子级（2）'）。文本（data.scale）
jQuery（'#inf div:nth child（3）'）。文本（data.structure）
对于（变量i=0；i


我真的非常感谢这一点，我现在真的很生气wordpress。我希望此时我自己构建了这个站点。
我能够通过切换到您在生产站点上使用的jquery版本，在codepen上重现错误
所以在你的网站上，你应该升级到jquery 3.x
我昨晚在床上的时候考虑过这样做，事实上，这是个好主意。实际上，我将主题使用的jQuery文件更新为最新版本，但由于某些原因，它就是不起作用-即使在清除缓存等之后。主题调用链接中版本为：jquery.js？ver=1.2.1或类似的文件…我不知道当文件本身包含3.1版本时，这是否会产生影响-如果是的话，我必须编辑WP主题的内部-未捕获错误：语法错误，无法识别的表达式：。在ga.ga.error（jquery-3.1.1.min.js:2）在ga.tokenize（jquery-3.1.1.min.js:2）在ga.select（jquery-3.1.min.js:2）在Function.a.find（jquery-migrate-3.0.0.min.js:2）在r.fn.init.find（jquery-3.1.1.min.js:2）在a.init.find（jquery-3.js:2）在a（jquery-migrate-3.0.0.min.js:2）at r（jquery-3.1.min.js:2）at Object（scalesApp.js:43）如果（css==data.css）{jquery（'#test'）.html（notes）jquery（'#inf div:nth child（1'））.text（data.root）jquery（'#inf div:nth child（2'））.text）text（data.scale）jquery（'#inf div:nth child.text）'（data.structure）用于（var i=0；ijQuery('.A, .As, .B, .C, .Cs, .D, .Ds, .E, .F, .Fs, .G, .Gs').hide();

jQuery.getJSON("https://www.electricherald.com/json/scalesDirSm.json", function(data) {
    console.log(data);
  jQuery('.main-btn').on("click", function () {
    jQuery('#total-scale-men').empty()
    console.log("emptied total-scale-men");
    jQuery('.gcMen ul li button').css({'border' : '1px #666 solid',
   'color' : '#666'})
    jQuery('.scales-men').hide()
    jQuery('.scales-men').fadeIn()
    jQuery(this).css({'border' : '1px #cc4c4c solid',
   'color' : '#cc4c4c'})
        var scale = jQuery(this).data('scale')
        jQuery.each(data,function(i,data){
            if (scale == data.root) {
                jQuery('#total-scale-men').append('<button class="scale-btn" data-css="'+ data.CSS +'">' + data.scale + '</button>');
            }
        });

        jQuery('.scale-btn').on("click", function () {
    jQuery('.nt').hide()
    jQuery('.scales-men').hide()
    jQuery('.gcMen ul li button').css({'border' : '1px #666 solid','color' : '#666'})

      var css = jQuery(this).data('css')
      jQuery.each(data,function(i,data){
        var notes = ['.'+data.noteClass_1,
                     '.'+data.noteClass_2,
                     '.'+data.noteClass_3,
                     '.'+data.noteClass_4,
                     '.'+data.noteClass_5,
                     '.'+data.noteClass_6,
                     '.'+data.noteClass_7,
                     '.'+data.noteClass_8]
      if (css == data.CSS) {
      jQuery('#test').html(notes)
        jQuery('#inf div:nth-child(1)').text(data.root)
        jQuery('#inf div:nth-child(2)').text(data.scale)
        jQuery('#inf div:nth-child(3)').text(data.structure)

        for(var i = 0; i < notes.length; i++)
        jQuery(notes[i]).fadeIn();
      }
      });
  })

    })
});