Jquery on-click方法参数逗号不支持

Question

我得到了带有 2 个参数（id 和名称）的动态onclick 。

样本数据

id   name
1    foo bar 
2    hi foo's, where is bar
3    hello foo

js代码

// django for loop
{% for original in data %}
    <button onclick="click_new('{{original.id}}', '{{original.level_name}}')">Click New</button>
{% endfor %}


function click_new(id, name){
   alert(name)
}

未捕获的 SyntaxError：输入意外结束

hi foo's, where is bar

https://jsfiddle.net/32wzcr4k/

Answer 1

另一种解决方案是将第二个值设置为数据属性，并在 function 内部传递this值以识别单击的按钮。

演示代码：

 function click_new(id, el) { alert($(el).data("name") +" -- "+id) }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <.--<button data-name="{{original.level_name}}" onclick="click_new('{{original,id}}',this)">Click New</button>--> <button data-name="foo's, where is bar" onclick="click_new('1',this )">Click New</button> <button data-name="foo" onclick="click_new('2',this )">Click New</button>

Answer 2

嗨，您的 function 似乎在搞乱单引号和双引号。

你的 HTML 应该是这样的。

<button type='button' onclick="click_me(1,'hi foo\'s where is bar')">
11
</button>

这是工作小提琴