Javascript 引导下拉列表不适用于ajax
所以我正在用Django创建我的博客,我正在开发通知系统。我希望当用户单击下拉菜单时,将所有通知标记为其正常工作,并且一切正常,但是当我添加Ajax时,下拉菜单停止工作,但是Ajax正常工作。我尝试在HTML中更改脚本位置,但什么都没有 使用Javascript 引导下拉列表不适用于ajax,javascript,jquery,ajax,django,twitter-bootstrap,Javascript,Jquery,Ajax,Django,Twitter Bootstrap,所以我正在用Django创建我的博客,我正在开发通知系统。我希望当用户单击下拉菜单时,将所有通知标记为其正常工作,并且一切正常,但是当我添加Ajax时,下拉菜单停止工作,但是Ajax正常工作。我尝试在HTML中更改脚本位置,但什么都没有 使用 本地引导3.3.7 jquery ajax: <script> $(document).ready(function() { $("#n_d").click(function(event){ $.ajax({
- 本地引导3.3.7
- jquery
<script>
$(document).ready(function() {
$("#n_d").click(function(event){
$.ajax({
type:"POST",
url:"{% url 'seen' %}",
success: function(){
document.getElementById("mcount").innerHTML = 0
}
});
return false;
});
});
</script>
$(文档).ready(函数(){
$(“#n#d”)。单击(函数(事件){
$.ajax({
类型:“POST”,
url:“{%url'见“%}”,
成功:函数(){
document.getElementById(“mcount”).innerHTML=0
}
});
返回false;
});
});
下拉列表(位于导航栏内)
{%if user.u经过身份验证%}
{%通知请求作为通知%}
{%load blog_tags%}
{%用于通知中的通知%}
-
{%endfor%}
{%endif%}
奇怪的标签是Django的东西
似乎您的代码中有一个错误!我可以理解,你复制粘贴了一些东西,因为它不是很一致 您正在使用此
onclick=“return x=1”data toggle=“dropdown”
并在上面的jQuery脚本中侦听另一个onclick
事件
这样做会覆盖初始对象onclick
,可能与触发菜单打开的toggle=“dropdown”
冲突
您应该在那里尝试不同的实现
通过删除
数据toogle=“dropdown”
并添加$(this.data(“target”)).modal(“show”)代码>而不是ajax代码中的返回false
。有js错误吗?你检查过你的DOM吗?你真的需要一步一步地调试它谢谢你的回复,是的,我做的每件事看起来都很好,我想我发现了问题,因为我仔细检查了你的代码!检查我的回答谢谢,我删除了onclick,但仍然不起作用。事实上,我添加了onclick,因为我认为它可以解决问题:|我讨厌复制粘贴人员代码,所以有什么问题吗?确实,onclick不是唯一的问题。如果删除jQuery onClick,它会正常工作吗?检查这个,我很抱歉问了很多,但该怎么办!通过删除数据toogle=“dropdown”
并添加$(this.data(“target”)).modal(“show”)
而不是ajax代码中的返回false
。
{% if user.is_authenticated %}
<li class="dropdown">
{% notifications request as notifications %}
<a href="#" class="dropdown-toggle" id="n_d" onclick="return x=1" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i aria-hidden="true" class="fa fa-inbox "> <span class="label label-info" id="mcount">{% noticount request %}</span></i></a>
<ul class="dropdown-menu">
{% load blog_tags %}
{% for notification in notifications %}
<li>
<div class="col-md-3 col-sm-3 col-xs-3"><div class="notify-img"><img src="https://www.awn.com/sites/default/files/styles/userthumbnail_tiny/public/avatar92.jpg?itok=i7013HnC" alt=""></div></div>
<div class="col-md-9 col-sm-9 col-xs-9 pd-l0"><a href="{% url 'detail' notification.post_pk %}">{{ notification.FromUser }} {{ notification.content }}</a></div>
</li>
{% endfor %}
</ul>
</li>
{% endif %}