Question

$('.portfolioThumbs ul li a').mouseover(
    function(){
        var buttLink = $(this).attr('href') 
        var buttLinkArray = buttLink.split( '/' ); // Split the URL after each / and Create an array of each
        var pFN = buttLinkArray[2]; // We want the Portfolio Folder Name
        var url = window.location.pathname;

        $('.galleryNav ul li a').removeClass('hovered');
        $('.galleryNav ul li a' + '#' + pFN).addClass('hovered');
        window.location.pathname = url + '#' + pFN;
    }       
);

此代码允许我在用户“鼠标悬停”时根据其href在每个按钮上设置ID。有没有人知道如何在页面加载时自动完成此操作，以便列表中的每个按钮都可以根据它的href获取ID，而无需任何用户交互。

谢谢，

丹

Answer 1

遍历页面加载的所有链接。如果您使用的是jQuery 1.7+，请使用prop来设置href属性。否则使用attr。

$('.portfolioThumbs ul li a').each(
    function(){
        var buttLink = $(this).attr('href')  //do you really want attr or do you want prop?
        var buttLinkArray = buttLink.split( '/' ); // Split the URL after each / and Create an array of each
        var pFN = buttLinkArray[2]; // We want the Portfolio Folder Name
        var url = window.location.pathname;
        $(this).prop('href', url);
    }       
);

Answer 2

您可以在文档加载后运行代码：

$(document).ready(function() {
    // your code here
});

根据链接的href设置链接的ID

2 个答案: