0

ブートストラップの typeahead 関数からの予測をクリックするとアクティブになる関数を書いています。この関数は、単語の値と目的の言語をテキスト読み上げ関数に渡します。

このテキスト読み上げ関数は適切に機能しますが、ブートストラップの予測をこの関数に渡すことに固執しています。

コンソールは「1行目の構文エラー」を記録します。これは、追加機能の引用符の問題が原因だと思います

ここの誰かが引用符を正しく設定するのを手伝ってくれることを願っています.

$('#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 />');
});
4

1 に答える 1

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");
                    });
};
于 2013-10-15T08:38:07.757 に答える