Question

我遇到了jquery数据加载的问题。我有菜单，我只想要什么？当我点击菜单然后我的latestpost.txt数据加载div。

<div class="col-md-2">
    <h2>DASHBOARD</h2>
<ul id="nav">
  <li><a href="#">BY INDUSTRY</a>
    <ul>
      <li><a href="#" id="button">DISTRIBUTION</a></li>
      <li><a href="#">HEALTH CARE</a></li>
      <li><a href="#">E-COMMERCE</a></li>
      <li><a href="#">AUTOMOTIVE</a></li>
      <li><a href="#">MANUFACTURING</a></li>
      <li><a href="#">HI-TECH</a></li>
    </ul>
  </li>
  <li><a href="#">BY FUNCTIONS</a>
    <ul>
      <li><a href="#">SALES</a></li>
      <li><a href="#">FINANCE</a></li>
      <li><a href="#">INVENTORY</a></li>
      <li><a href="#">OPERATIONS</a></li>
      <li><a href="#">PROCUREMENT</a></li>

    </ul>
  </li>

现在我有j jquery代码，当我不使用li或者等时，它的jquery工作完美，但是当我和li和ul结合使用时，它的dows无效

  <div class="col-md-10">
  <div id="content">
            <iframe src='https://sense-demo.qlik.com/single/?appid=133dab5d-8f56-4d40-b3e0-a6b401391bde&sheet=1ff88551-9c4d-41e0-b790-37f4c11d3df8&opt=currsel&select=clearall
' frameborder='0' width="100%" height="600px"></iframe>
      </div>
      </div>
</div>    
    </div>
<script>
$(document).ready(function(){

    $("#button").click(function(){
        $("#content").load("latestpost.txt");

    });
});
</script>

单击链接后jQuery不加载数据

0 个答案: