我需要在 tr 元素中有类似的按钮,以便在单击时执行 js/jquery 操作。
奇怪的是,我很难找到有关如何从内联 html/image 按钮执行 jquery/js 的知识。
这是我的想法:
首先为like按钮创建一个自定义函数
jQuery.fn.likebutn = function(theword, wordnumber) {
//check if button is lighted up and if it is break
//change button to lighted up
jQuery(this).attr("src", "http://i46.tinypic.com/n18g3q.png");
//add word to a div element
jQuery('#cntrldiv0').append("<p>theword<p>");
//ajax like.php file with the word and username/id
jQuery.post('like.php', {theword:theword, userid: userid});
};
然后在图像按钮元素中动态插入函数调用及其参数(因为表是在 php 中创建的)(因此在 html 中内联)
likebutn({theword: ${'row' . $wordnumber}, wordnumber:$wordnumber});
哪个输出
likebutn(字:有孔,字数:1)
例如。
那么如何从 html 中唤起这样的功能呢?
在旁注中,为什么我在网上冲浪时看到的 jquery/js 图像按钮中有这么多事件监听(而不是我建议的),这不比在 html 中调用 inline 慢吗?
这是构造的外观:http: //jsfiddle.net/Bc64R/