Question

我正在尝试将数组变量传递给我的JavaScript方法captureDetails()。但是，它给我带来了错误

未捕获的SyntaxError：意外的标识符

我做错了什么？我尝试了其他相关帖子中提到的所有内容，但没有运气。

if (event.status) {
    $("#targetId").empty();
    $("#targetId").append("<ul>Please select if this is your organisation</ul>");
    for(var i = 0; i < result.length; ++i){

        var li = "<li><a href=\"#\" onclick=\"return captureDetails("+result[i]+");\">";
        $("ul").append(li.concat(result[i].Name))
    }
}

Answer 1

这里的问题是未格式化的内联事件处理程序，它会创建无效的语法。

这里更合适的解决方案是使用事件委托和data-* api来存储数据。

＆＃13;

//just for testing purpose
var event = {
    status: true
  },
  result = [{
    name: 'abc',
    id: 1
  }, {
    name: 'asdf',
    id: 2
  }]

if (event.status) {
  $("#targetId").html("Please select if this is your organisation");
  var $ul = $('<ul />');
  for (var i = 0; i < result.length; ++i) {
    var $li = $('<li />').appendTo($ul);
    $('<a />', {
      text: result[i].name
    }).data('obj', result[i]).appendTo($li)
  }
  $("#targetId").append($ul)
}

//in dom ready handler
$("#targetId").on('click', 'ul a', function() {
  var obj = $(this).data('obj');
  snippet.log('clicked on: ' + JSON.stringify(obj));
});

＆＃13;

<!-- Provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<!-- To show result in the dom instead of console, only to be used in the snippet not in production -->
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="targetId"></div>

＆＃13;

从动态创建的链接动态地将参数传递给JavaScript

1 个答案: