Question

我对javascript编程相当新，而且我一直在网上做这个教程。我正在尝试让这个功能起作用，但我在参数列表＆＃34;之后不断得到＆＃34;缺失。谁知道我做错了什么？

$(function() {
    $('#main').append("<img src="plus8.png" alt="Click me to see the paragraph!" id="clickMe"/>");

    $('#clickMe').toggle(
        function() {
            $('#message').show('fast');
            $('#clickMe').attr('src', 'minus7.png');
        },
        function() {
            $('#message').hide('slow');
            $('#clickMe').attr('src', 'plus8.png');
        });
    $('message').hide();
});

Answer 1

问题出在这一行

$('#main').append("<img src="plus8.png" alt="Click me to see the paragraph!" id="clickMe" />");

你不能在双引号中嵌套双引号，而是在双引号和单引号之间进行嵌套。

$('#main').append('<img src="plus8.png" alt="Click me to see the paragraph!" id="clickMe" />');

Answer 2

试试这个：

$('#main').append('<img src="plus8.png" alt="Click me to see the paragraph!" id="clickMe"/>');

你需要使用不同类型的引号（双重内部单个或单个内部双重）或转义每个双引号内的另一个双引号，如下所示：

$('#main').append("<img src=\"plus8.png\" alt=\"Click me to see the paragraph!\" id=\"clickMe\"/>");

Answer 3

你的追加是错误的。

$('#main').append("<img src="plus8.png" alt="Click me to see the paragraph!" id="clickMe" />");

你不断通过不断使用双引号来关闭它们。当你打开你的第一个双引号时，你将在＆＃34; plus8＆＃34;关闭它，这意味着它开始寻找有效的javascript。

试试这样：

$('#main').append('<img src="plus8.png" alt="Click me to see the paragraph!" id="clickMe" />');

这样，外部单引号永远不会被关闭直到追加结尾

Answer 4

错误与$('#main').append("...")

一致

你应该使用简单的引号

＆＃13;

$(function() {

  $('#main').append('<img src="plus8.png" alt="Click me to see the paragraph!" id="clickMe" />');

  $('#clickMe').toggle(function() {
    $('#message').show('fast');
    $('#clickMe').attr('src', 'minus7.png');


  }, function() {
    $('#message').hide('slow');
    $('#clickMe').attr('src', 'plus8.png');

  });

  $('message').hide();

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

Answer 5

$('#main').append('<img src="plus8.png" alt="Click me to see the paragraph!" id="clickMe" />');

您可以在字符串中使用引号，只要它们不匹配字符串周围的引号：

Answer 6

$(function() {

  $('#main').append('<img src="plus8.png" alt="Click me to see the paragraph!" id="clickMe" />');

$('#clickMe').toggle(function() {
$('#message').show('fast');
$('#clickMe').attr('src', 'minus7.png');


  }, function() {
  $('#message').hide('slow');
$('#clickMe').attr('src', 'plus8.png');

});

$('message').hide();

});

＆＃34;在参数列表错误后出现错误＆＃34;

6 个答案: