Question

我有以下内容：

   <button id="not" class="notification btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
<i class="fa fa-bell"></i>   


  <span class="badge badge-success" style="background-color:#f3b760">
10  </span>               




</button>  

<div id="show"></div>

我想要div id＆＃34; show＆＃34;单击上面的按钮加载job-notification.php，所以我得到了：

<script>
$(document).ready(function(){
    $("#not").click(function(){
        $("#show").load("job-notification.php");
    });
});
</script>

仅供参考，按钮是DROPDOWN＆amp; job-notification.php包含如下结果：

  <ul class="dropdown-menu dropdown-menu-right">
          <li>
    EXAMPLE 1
    </li>

     <li>
    EXAMPLE 2

    </li>

    </ul>

为什么这不起作用？

Answer 1

你也可以试试这个：
$（文件）.on（＆＃34;点击＆＃34;，＆＃34;＃not＆＃34;，function（）{}）;

Answer 2

要加载css，您可以使用：$（＆＃39; head＆＃39;）。追加（＆＃39;＆＃39;）;

在小于和大于括号的追加函数中添加以下内容： link rel =＆＃34; stylesheet＆＃34; HREF =＃＆34; cssname.css＆＃34;类型=＆＃34;文本/ CSS＆＃34;

单击按钮加载Ajax

2 个答案: