如何做更多的链接？答案

【问题标题】：how to make more links?如何做更多的链接？
【发布时间】：2011-10-20 04:09:56
【问题描述】：

<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>';

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

【问题讨论】：

你想做什么？这是非常不清楚的。您也确实了解，从技术上讲，值不是锚标记的属性，并且如果您在页面中向下滚动，当他们单击您的链接时，它会将它们一直移动到顶部。尝试href="javascript:void(0)" 以获得更好的结果。
t.y.咨询。我想在页面中创建更多链接，但只能使用第一个。

标签： jquery button html hyperlink

【解决方案1】：

代替

$('#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>

【讨论】：

我想添加更多链接 LINKAS LINKAS 但其他链接不起作用。
编辑了我的答案，var linkas = $("#button").attr("value");这行不会考虑你刚刚点击的链接。

【解决方案2】：

$(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/

【讨论】：

【解决方案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>

【讨论】：