在动态锚点上调用click事件

时间:2016-02-21 12:24:04

标签: jquery events dynamic click

我正在动态构建页面并在运行时构建锚点。 这是HTML代码

htmlElement = '<div class="product_card col-lg-3 col-md-4 col-sm-6 col-xs-6" id="' + productValue['product_id'] + '">' +
'<a href="#" class="productDetails">' +
'<img src="' + productImage + '"' + ' width="258" height="202" alt="' + productValue['e_name'] + '"  class="img-responsive"/>
</a>' +'</div>'

我已尝试过所有这些代码

//display product info
$(document).delegate("click",'a.productDetails',function(){
    alert('dddd');
});

//display product info
$('.product_card').on("click",'a',function(){
    alert('dddd');
});

  $('a.productDetails').live("click",function(){
    alert('dddd');
});

什么都行不通!!

1 个答案:

答案 0 :(得分:0)

需要谨慎处理Anchor标签创建和使用事件的顺序。首先,需要在事件处理之后完成创建锚标记的功能。

public class Combo {




     public void list() throws SQLException{
       ResultSet rs=connexion.getStats().executeQuery("select * from GROUP_FILIÈRE ");
      // ResultSetMetaData rsm=rs.getMetaData();
         String nom_fil[] = null; int i=0;   
       while( rs.next()){

           nom_fil[i]=rs.getObject(1).toString();

           System.out.println(' '+nom_fil[i]);
            i ++;
       }


    }



    public static void main(String args[]) throws SQLException{

          Combo cb=new Combo();

           cb.list();

    }

}