【发布时间】：2014-04-11 14:21:43
【问题描述】：
我有这些
<div id="shelf">
<div>
<input type="text" id="new-shelf-text" onkeyup="(this.value).trim().length?$('#add-shelf-btn').removeClass('disabled'):$('#add-shelf-btn').addClass('disabled');" placeholder="Add new shelf">
</div>
<div>
<div id="add-shelf-btn" class="button postfix disabled">Add</div>
</div>
<a class="shelfName" href="#shelF"> Shelf Lists </a>
<div id="shelF" class="content">
welcome in shelf listing
</div>
</div>
<script>
$("#add-shelf-btn").click(function() {
$.ajax({
type: "POST",
url: "{% url 'shelf' groupid %}",
datatype: "html",
data:{
shelf_name: $('#new-shelf-text').val(),
csrfmiddlewaretoken: '{{ csrf_token }}'
},
success: function(data) {
$("#shelf").html(data);
}
});
});
</script>
当我在成功返回 ajax 后单击上面提到的链接（锚标记）时，它不会调用 id 为“shelF”的“div” 谁能帮帮我，我想打电话给
<div id="shelF" class="content">
点击链接
<a class="shelfName" href="#shelF"> Shelf Lists </a>
请记住，它第一次工作正常，但是当它从成功的 ajax 调用返回时，不会调用 div。
【问题讨论】：
-
如何调用一个div？
-
$("#shelf").html(data);和<div id="shelF"不匹配。 -
在您的 html 中，您的 id 为“shelf”，并且您在 id“shelf”（小“f”）中插入数据不存在。尝试更改： $("#shelf").html(data);用这个 $("#shelF").html(data);
-
Phylax & Vishal，再看一遍代码，现在告诉我，我的问题是我想在点击链接
<a class="shelfName" href="#shelF"> Shelf Lists </a>时致电<div id="shelF" class="content">，因为我告诉过它第一次有效，作为一个简单的html，但是当我点击<div id="add-shelf-btn" class="button postfix disabled">Add</div>时，它会进行ajax 调用，当它成功返回时，我想在点击<a class="shelfName" href="#shelF"> Shelf Lists </a>时调用<div id="shelF" class="content">的div 不起作用。现在我希望你能解决我的问题 -
各位大侠请给出答案，我从 3 天开始就卡在这里了。
标签： javascript jquery html ajax