从 href 调用 javascript function

Question

嗨，我试图从 div function 中调用 javascript function

基本上我有一个过滤框，它向文本框添加了一个引导警报，这很有效，问题是当我单击警报上的关闭按钮时，它没有运行指定的 function，我不知道为什么

这是将警报添加到文本框中的例程，在其中我指定要运行的 javascript function 和 3 个变量。 function 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>';