Question

<script type="text/javascript">
     $(document).ready(function() {            
        var linkas = $("#button").attr("value");
         $('#button').click(function(){
            $.get(linkas, function(data){
                $('#out').html(data);
            });           
        });
    });  
</script> 

<a id="button" href="#" value="test2.php" >LINKAS</a>
<div id="out"></div>';

第一个链接分叉很好，但是如果我添加另一个具有不同值的链接则不起作用如何添加更多类似的链接？

Answer 1

$(document).ready(function() {            
    $('.ajax').click(function(){
        $.get($(this).attr("href"), function(data){
            $('#out').html(data);
        });
        return false;
    });
});

。

<a class="ajax" href="test2.php" >LINKAS</a>
<a class="ajax" href="test3.php" >LINKAS</a>
<div id="out"></div>

喜欢：http://jsfiddle.net/Jacek_FH/hzudP/

Answer 2

而不是

$('#out').html(data);

尝试

$('#out').append(data);

编辑：

我更改了您的脚本以获取当前单击的按钮。

<script type="text/javascript">
  $(document).ready(function() {            
      $('#button').click(function(){
        var linkas = $(this).attr("value");
        $.get(linkas, function(data){
            $('#out').html(data);
        });           
    });
  });  
</script>

Answer 3

使用函数而不是无效属性。

功能：

function makeLink(linkas) {
    $.get(linkas, function(data){
        $('#out').html(data);
    });
}

HTML：

<a id="button" href="javascript:void(0)" onclick="makeLink('test2.php')">LINKAS</a>
<div id="out"></div>

如何建立更多链接？

3 个答案: