javascript - 从 href 调用 javascript 函数

Question

嗨，我正在尝试从 div 函数中调用 javascript 函数

基本上，我有一个过滤器框，它将 Bootstrap 警报添加到文本框，并且效果很好，问题是当我单击警报上的关闭按钮时，它没有运行指定的功能，我不知道为什么

这是将警报添加到文本框的例程，在其中我指定要运行的 javascript 函数和 3 个变量。函数clear似乎没有被调用

//Add Filter on " Add Filters" button click
$("#filter2-add").click(function(){
           table.addFilter($("#filter2-field").val(), $("#filter2-type").val(), $("#filter2-value").val());

         var div = document.getElementById('appliedfilters');
           div.innerHTML += '<div id="'+$("#filter2-field").val()+$("#filter2-value").val()+'" style="width:500px; height:20px;text-align: left;display:inline-block;vertical-align: middle;line-height: normal;" class="alert alert-success alert-dismissible"><a href="javascript:clear(\''+$("#filter2-field").val()+'\',\''+$("#filter2-type").val().charCodeAt(0)+'\',\''+$("#filter2-value").val()+'\')"; class="close" data-dismiss="alert" aria-label="close">&times;</a><strong>Filter  </strong>'+$("#filter2-field").val()+' '+$("#filter2-type").val()+' '+$("#filter2-value").val()+'</div>';
            });

Answer 1

我认为您的代码有语法错误。 尝试更换

div.innerHTML += '<div id="'+$("#filter2-field").val()+$("#filter2-value").val()+'" style="width:500px; height:20px;text-align: left;display:inline-block;vertical-align: middle;line-height: normal;" class="alert alert-success alert-dismissible"><a href="javascript:clear(\''+$("#filter2-field").val()+'\',\''+$("#filter2-type").val().charCodeAt(0)+'\',\''+$("#filter2-value").val()+'\')"; class="close" data-dismiss="alert" aria-label="close">&times;</a><strong>Filter  </strong>'+$("#filter2-field").val()+' '+$("#filter2-type").val()+' '+$("#filter2-value").val()+'</div>';

与

div.innerHTML += '<div id="'+$("#filter2-field").val()+$("#filter2-value").val()+'" style="width:500px; height:20px;text-align: left;display:inline-block;vertical-align: middle;line-height: normal;" class="alert alert-success alert-dismissible"><a href="javascript:clear(\''+$("#filter2-field").val()+'\',\''+$("#filter2-type").val().charCodeAt(0)+'\',\''+$("#filter2-value").val()+'\');" class="close" data-dismiss="alert" aria-label="close">&times;</a><strong>Filter  </strong>'+$("#filter2-field").val()+' '+$("#filter2-type").val()+' '+$("#filter2-value").val()+'</div>';