在<a> link</a>上调用jquery加载

时间:2009-10-20 12:00:57

标签: php jquery ajax

我在php中有一个页面,我在整个页面上使用<a标记进行链接。

例如:

 <?php for($i=1;$i<=5;$++) {?>
 <a href="abc.php?ref=<?php echo $i ?>"CLick me No. <?php echo $i ?> </a>
 <?php } ?>

我想要做的是,一旦我们点击链接,就应该调用jquery加载函数,比如

 $('#div1').load('abc.php?ref=1'null, function() {
  });

但我无法更改php循环和<a标记...

由于

4 个答案:

答案 0 :(得分:0)

你的意思是这样的:

<a href="abc.php?ref=<?php echo $i ?>" id="yourLink">"CLick me No. <?php echo $i ?> </a>


$('#yourLink').click(function() {
    $('#div1').load('abc.php?ref=1'null, function() {
    });
});

巴比

答案 1 :(得分:0)

为每个锚提供一个公共类和一个标识$ i值的属性:

<a href="..." anchor-id="<?= $i ?>" class="numbered-anchor">...</a>

然后为他们附加一个点击功能:

$('a.numbered-anchors').click(function(e) {
  var i = $(this).attr('anchor-id');
  $('#div' + i).load(...);
});

答案 2 :(得分:0)

这样的事情可能是:

$('a[href^="abc.php"]').click(function(event){
  //do whatever you want
   $('#div1').load(event.target.href, null, function() {});

});

答案 3 :(得分:0)

PHP:

<?php for($i=1;$i<=5;$++) {?>
  <a class="anchor-click" href="#" id="<?php echo $i ?>">CLick me No. <?php echo $i ?></a><br />
<?php } ?>

JS

$(function(){
   $(".anchor-click").bind("click", function(event){
      event.stopPropagation();
      $('#div1').load("abc.php?ref="+$(this).attr("id"), null, function() {

      });
   });
});