Question

大家好我试图在生成的html元素上调用click事件时遇到问题。

以下是我生成的HTML：

function get_buttons($id)
{
    $ci = & get_instance();
    $html='';
    $html .=  '<a id="edit_'.$id.'" href="#modal_edit" class="edit" >'
            . '<span id="results" class="ui-icon ui-icon-pencil"></span></a>';
    $html .= '<a id="delete_'.$id. '" href="#modal_delete" class="delete" >'
            . '<span class="ui-icon ui-icon-trash"></span></a>';

    return $html;
}

这是我想在点击“编辑”按钮时调用的Jquery函数

$(document).ready(function(){
    $(".edit").click(function(){
        alert("Hi");
    });
});

我认为通过在标记中放置一个类并在jquery中调用它应该可以工作。

Answer 1

请尝试以下不同的情况。

.on

$（document）.on（'click'，“。edit”，function（）{alert（“Hi”）;}）;
.live()但是，live()在1.7中被弃用而不是on()，并在1.9中被完全删除。 live()签名：

$（“。edit”）。live（'click'，function（）{alert（“Hi”）;}）;

Answer 2

我找到了答案，它需要获取触发的模态并从id属性中提取值

$("#modal_edit").on('show.bs.modal', function(event){

    var span = $(event.relatedTarget);

    var id = span.attr('id');

  alert(id);

});

在生成的html按钮上调用Api jquery click函数

2 个答案: