gpt4 book ai didi

jquery - Ajax 调用 json 响应

转载 作者:行者123 更新时间:2023-12-01 04:21:18 25 4
gpt4 key购买 nike

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

在我的 HTML 下方。

<div id = "tabs">
<ul>
<li><A href="#ed_pro">Product Category</A> </li>
<li><A href="#ed_img">Add Image</A> </li>
<li><A href="#ed_txt">Add Text</A></li>
</ul>
<div id="ed_pro">
</div>
<div id="ed_img">
</div>
<div id="ed_txt">
</div>
</div>

function handleTabSelect(data) {
var items = '<ul>';
$.each(data, function(i, object) {
items += '<li><a id="main_cat" href=#>' + object.img_cat_des + '</a></li>';
});
items += '</ul>';
$('#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 列表

<ul>
<li>
<a id="main_cat" href="#">Animals</a>
</li>
<li>
<a id="main_cat" href="#">Astrology</a>
</li>
</ul>

我如何应用进一步的 ajax 调用。

单击 a href 时,它永远不会调用

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

提前致谢。

最佳答案

  <a id="main_cat" href="#">Animals</a>
<a id="main_cat" href="#">Astrology</a>
  • Id 应该是唯一的,您有多个具有相同 id 的元素 => 无效的 HTML
  • 使用 on 创建委托(delegate)事件处理程序。
<小时/>

固定标记:

  <a class="main_cat" href="#">Animals</a>
<a class="main_cat" href="#">Astrology</a>

Javascript:

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

您应该替换选择器:staticContainer以获取包含新 anchor 的最接近的static(存在于DOM就绪中)元素。

关于jquery - Ajax 调用 json 响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10261576/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com