Question

我的网站无法显示不同产品选项的价格，我在Chrome检测中发现以下错误消息：

Uncaught SyntaxError: Unexpected identifier

它指向下面的一行：

  var first_variant_price = $('ul li input[type='radio']:checked').attr('data-price');

这是完整的脚本：

<script type='text/javascript' charset='utf-8'>
$(document).ready(function(){ 
  var first_variant_price = $('ul li input[type='radio']:checked').attr('data-price'); 
  $('.current-price').text( first_variant_price );
  $('input[type='radio']').click(function() {
    var variant_price = $(this).attr('data-price');
    $('.current-price').text( variant_price);
  });
});
</script>

我无法意识到此代码存在任何不匹配。谢谢你的帮助！

Answer 1

如果您在其他引号内使用引号，请使用其他类型或转义它们：

$("ul li input[type='radio']:checked") // different type of quotes

或

$('ul li input[type=\'radio\']:checked') // escape inner quotes via backslash

但最简单的方法是不引用radio - 它没有必要。

$('ul li input[type=radio]:checked')

Answer 2

引号出现问题。您可以在\'周围转义radio引号，或者只是更改代码，如下所示：

// -.---------------------------------.
    v                                 v
  $("ul li input[type='radio']:checked").attr('data-price');

Jquery：Uncaught SyntaxError：意外的标识符

2 个答案: