Ajax调用json响应

我正在尝试对从json收到的响应应用ajax调用。

在我的HTML下面。

 
 
Product Category 
 
Add Image 
 
Add Text
 
 
 
 
 
 
 
  

和

 function handleTabSelect(data) { var items = '
'; $.each(data, function(i, object) { items += '
' + object.img_cat_des + '
'; }); items += '
'; $('#ed_img').append(items); flag = 1; } $('#main_cat').click(function() { var url1 = $(this).attr("href"); alert(url1); }); $("#tabs").tabs(); $("#tabs").bind("tabsselect", function(e, tab) { if (flag == 0) { jQuery.ajax({ type: 'POST', url: '?q=design/lab_tab', dataType: 'json', data: 'slider_value=' + tab.index, success: handleTabSelect, error: function(xhr, status) { alert(xhr.statusText); } }); } });​ 

从json获得响应后，上面的脚本将附加as的列表

 
 
 Animals 
 
 Astrology 
  

我怎样才能进一步申请ajax。

单击一个href时，它永远不会调用

 $('#main_cat').click(function () { var url1 = $(this).attr("href"); alert (url1); }); 

提前致谢。

Answer 1

  Animals Astrology 

• Id应该是唯一的，您有多个具有相同id => 无效HTML的元素
• 使用on来创建委托事件处理程序。

---

固定标记：

  Animals Astrology 

使用Javascript：

 $('staticContainer').on('click', '.main_cat', function(){ var url1 = $(this).attr("href"); alert (url1); }); 

您应该替换selector： staticContainer来获取包含新锚点的最接近的静态 （存在于DOM ready上）元素。

Answer 2

谢谢@gdoron，我明白了。

 $('#ed_img').bind('click', '.main_cat',function(event){ var tg_element = $(event.target); var url1 = tg_element.attr("href"); alert (url1); }); 

此致，Prabhu MK