Question

我正在网站上工作，客户希望能够从网站上的其他每个页面访问服务页面上的动态内容，但下面的代码使其显示列表中的第一个“div”单击锚点的那个。

$(document).ready(function()
{
    //hide the all div except first one
    $('.msg_body:not(:first)').hide();

    //when the anchor is clicked content opens like shutter 
    $("a.linkclass").click(function()
    {
        $('.msg_body').hide("slow");
        $($(this).attr("href")).show("slow");
    });    
});

该网站是www.quantumrenovations.net

Answer 1

当您单击链接时，您只显示有趣的DIV，当页面加载时，您需要捕获URI中的锚点（仅在页面加载时发生一次）。

试试这个：

$(document).ready(function() {
   //hide the all div except first one
   $('.msg_body:not(:first)').hide();

   // create a reusable "generic" function
   var showContent = function(anchor) {
       $('.msg_body').hide("slow");

       $(anchor).show("slow");
   };

   // click event calls the "generic" function
   $("a.linkclass").click(function() {
       showContent($(this).attr("href"));
   });

   // this is where you need to catch the anchor in the URI
   var _tagIndex = window.location.href.indexOf('#'); 
   if (_tagIndex>=0) {
       showContent(window.location.href.substr(_tagIndex));
   }
});

从其他页面访问动态内容

1 个答案: