Question

我有一个页面。它是一个重要的商店网站。我希望当客户点击图标时，例如windows7，它会删除旁边的其他产品，并写下其描述和付款按钮。我已经成功地不允许页面刷新，只查看内容。但问题是标签;我想在页面的末尾更改它，每当我点击windows7的图标时，它会打开我想要的页面，但是从顶部开始。我使用以下代码：

 <script>
     $("div.haha").tabs("img.one > div", {effect: 'ajax'});
 </script>

我只是希望它改变内容而不是从顶部开始

<div id="haha">
    <a href="product1.html"><img class="one" src="imgs/product1.png"></a>
    <a href="#"><img class="two" src="imgs/product2.png"></a>
    <a href="#"><img class="three" src="imgs/product 3.png"></a>
    <a href="#"><img class="four" src="imgs/product4.png"></a>
</div>

Answer 1

实际上要使用“haha”div访问id，您应该使用

$("div#haha")

选择

Answer 2

我正在更改代码，因为我手头有这个代码，它与我看到的相似，并且似乎符合您的所有需求。

Javascript :(使用jquery 1.9.1测试）

<script type="text/javascript">
$(function(){

  $("a[rel='haha']").click(function(e){
    e.preventDefault();
    /*
    if uncomment the above line, html5 nonsupported browers won't change the url but will display the ajax content;
    if commented, html5 nonsupported browers will reload the page to the specified link.
    */

    //get the link location that was clicked
    pageurl = $(this).attr('href');

    //to get the ajax content and display in div with id 'haha'
    $.ajax({url:pageurl+'?rel=haha',success: function(data){
      $('#haha').html(data);
    }});

    //stop refreshing to the page given in
    return false;

  });

});

</script>

html示例：

This is the code outside the div.  This shouldnt be effected.

<br /><br />
Here are the links outside the div to show you how it works.  IMG 2 will refresh page and change url because rel="haha" is missing from the url<br />
<a href="page2.php" rel="haha">IMG 1</a>
<a href="page2.php">IMG2 - NO REL</a> 
    <a href="../index.php">IMG3</a>
    <a href="http://www.kygar.com/code/haha.php">RESET</a>


<br />
<br />
<br />
<div id="haha" style="border: 1px solid #ccc;">
    <a href="../index.php" rel="haha">IMG1</a>
    <a href="../services.php" rel="haha">IMG2</a>
    <a href="http://www.gmail.com">IMG3 - NO REL</a>
</div>

要知道，你想要加载到div中的任何链接都需要一个rel =“haha”（可以更改为你想要的任何名称）。如果您希望页面完全加载（如更改页面），只需从URL中省略rel =“haha”。

演示代码的工作原理：http://kygar.com/code/haha.php

更改内容而不重新加载页面

2 个答案: