Question

<script type="text/x-kendo-template" id="logotemplate">
    <div >
        <h3>#: name#</h3>
         # for (var i=0; i< options.length;i++) { #
             <img src="#= options[i].url #" class="item-photologos" onclick="clickedImage(name,i)"   />
         # } #
    </div>
</script>

我有自定义的Kendo Mobile Listview模板。图像显示为预期，但onclick不会触发，日志中也不会显示错误。我在onclick方法周围尝试了许多不同的＃：＃，##，＃=＃等组合，但是没有用（在某些情况下，我看到的错误消息如“我没有定义”）。将不胜感激。

Answer 1

我想你想要这样的东西

<script type="text/x-kendo-template" id="logotemplate">
<div >
    <h3>Blah</h3>
    # for (var i=0; i< options.length;i++) { #
    <img src="#= options[i].url#" class="item-photologos" onclick="clickedImage('#: options[i].name #' , #:i #)"   />
    # } #
</div>

传入clickedImage内的参数而非硬编码字符串。

这将呈现以下内容：

   <div>
    <h3>Blah</h3>
    <img src="foo.jpg" class="item-photologos" onclick="clickedImage('Jane Doe' , 0)"   />
    <img src="bar.jpg" class="item-photologos" onclick="clickedImage('John Doe' , 1)"   />
  </div>

与

相反

<div >
    <h3>Blah</h3>
    <img src="foo.jpg" class="item-photologos" onclick="clickedImage(name,i)"   />
    <img src="bar.jpg" class="item-photologos" onclick="clickedImage(name,i)"   />
</div>

JsFiddle here

Answer 2

您可以在每个图像上使用JQuery On方法添加Click事件侦听器。

＆＃13;

$(".item-photologos").on("click", function(e) {
  console.log(e);
});

＆＃13;

Kendo模板onClick in元素不起作用

2 个答案: