Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导下拉列表不适用于ajax_Javascript_Jquery_Ajax_Django_Twitter Bootstrap - Fatal编程技术网

Javascript 引导下拉列表不适用于ajax

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({

所以我正在用Django创建我的博客,我正在开发通知系统。我希望当用户单击下拉菜单时,将所有通知标记为其正常工作,并且一切正常,但是当我添加Ajax时,下拉菜单停止工作,但是Ajax正常工作。我尝试在HTML中更改脚本位置,但什么都没有

使用

  • 本地引导3.3.7
  • jquery
ajax:

<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 }}&nbsp;{{ notification.content }}</a></div>
                    </li>
              {% endfor %}
          </ul>
        </li>
        {% endif %}