Question

我正在使用jQuery和Bootstrap 3.在Chrome和Firefox中，每件事情都运行良好但在IE中却没有。

我的脚本是这样的：

var resultCount = 0;
var funct= "onclick=renderData("+Id+","+resultCount+")";
var html_text='</div>';       
html_text='<a style="display:block;" class="result-series-link col-sm-6"          href="#collapse_1" data-toggle="collapse" data-parent="#accordionxyz"'+funct+'>Content for this sectiuon</a>';
html_text+= '   </div>'; 
html_text+='<div id="accordion_'+resultCount+'" class="panel-group sub-panel-group    result-panel-group ">';
html_text+='                </div>';

function renderData(id, i){

  $('#accordion_'+i).html('');
  var htmlcontent = '<div>someData</div>;
  $('#accordion_'+i).append(htmlcontent);
}

因此，仅在IE的情况下，此htmlcontent不会附加在$（'＃accordion _'+ i）中。

Answer 1

你没有在这一行关闭你的字符串：

var htmlcontent = '<div>someData</div>;

应该是

var htmlcontent = '<div>someData</div>';

这可能会导致问题。

Answer 2

我建议不要像这样注入原始文本，我总是通过DOM构建这些东西，创建节点并将它们附加到父节点。

我建立了一个可以在我的工作中使用的库，我遇到了一些问题，而这些问题并没有被正确识别。我发现使用DOM API更容易实现它。

需要考虑的事情。

onclick事件在IE 8中不起作用

2 个答案: