奇怪的jquery引号问题

Question

我正在编写一个功能，当您单击引导程序的预输入功能中的预测时会激活该功能。此函数将单词值和所需语言传递给文本到语音转换函数。

这个文本转语音功能可以正常工作，但我坚持将引导程序的预测传递给这个函数。

控制台记录“第 1 行的语法错误”，我认为这是因为 append 函数中的引号问题

希望有人能帮我正确设置引号。

$('#search-box').bind('typeahead:selected', function(obj, value)
{
   console.log(value.value);
  $('#resultaten').append('<a href="#" onClick="praten("value.value", "nl")">' + value.value + '\&nbsp;<img src="img/speaker.png" alt="speaker"/></a><br />');
});

Answer 1

您需要在 onclick 中转义引号：

$('#search-box').bind('typeahead:selected', function(obj, value) {
                console.log(value.value);
                $('#resultaten').append('<a href="#" onClick="praten(&quot;value.value&quot;, &quot;nl&quot;)">' + value.value + '\
        &nbsp;<img src="img/speaker.png" alt="speaker"/></a><br />');
            });

或者使用撇号：

$('#search-box').bind('typeahead:selected', function(obj, value)
{
   console.log(value.value);
  $('#resultaten').append('<a href="#" onClick="praten(\'value.value\', \'nl\')">' + value.value + '\&nbsp;<img src="img/speaker.png" alt="speaker"/></a><br />');
});

另外，如果您使用的是 jQuery，则根本不需要 onclick 处理程序：

$('#search-box').bind('typeahead:selected', function(obj, value)
{
    $('#resultaten').append('<a href="#" '+value.value+'\&nbsp;<img src="img/speaker.png" alt="speaker"/></a><br />')
                    .click(function() {
                        praten(value.value, "n1");
                    });
};