2016-08-12 6 views
0

私はプログラミングの初心者です。順序付けられていないリスト内のリスト項目にAjaxが作用しない

<script type="text/javascript" src="jquery-1.4.2.min.js"></script> 
<script> 
    $(document).ready(function() { 
     $("#accordion li").not('.empty').click(function() { 
      var addr = this.id; 
      $.ajax({ 
       url: addr, 
       type: "GET", 
       data: dataString, 
       success:function(data) 
       { 
        alert('I would run those addr here . ' + addr); 
       } 
      }); 
     }); 
    }); 
</script> 

<body> 
    <ul id="accordion"> 
     <li id="a1.php"><a href="#">Aaa</a></li> 
     <li class="empty"><a href="#">Bbb</a></li> 
     <li class="empty"><a href="#">Ccc</a></li> 
     <li class="empty"><a href="#">Ddd</a></li> 
    </ul> 
</body> 

上記のこのコードなぜ、動作しません:私はこのようなIDは、リスト項目(LI)を実行する順不同リスト上でのAjaxを使用しようとしましたか?

+4

'dataString'は何ですか? –

+0

あなたは 'dataString'変数に値を設定していないので、javascriptはエラーをトリガしています –

答えて

0
$(document).ready(function() { 
    $("#accordion li").not('.empty').click(function() { 
     var addr = $(this).attr('id'); 
     var dataString = "some string"; 
     $.ajax({ 
      url: addr, 
      type: "GET", 
      data: dataString, 
      success:function(data) 
      { 
       alert('I would run those addr here . ' + addr); 
      } 
     }); 
    }); 
}); 

関連する問題