Question

请在这里忍受我，因为我在JSON和AJAX以及抽象jQuery方面都是初学者。

到目前为止，我已经到了一个点，我可以遍历一个包含所有第一级链接的ID的数组，并从我的JSON文件中获取与该相同索引相对应的数据。

OK！所以：

JSON文件可以在这里看到：http://bmgz.rtcgraphics.com/wp-content/themes/bmgz/data/whatwedo.json

可以在此处查看演示网站：http://bmgz.rtcgraphics.com/#3

jQuery的：

var slugArray = [
    '#project-management',
    '#economic-incentives',
    '#site-selection',
    '#stakeholder-engagement-and-events',
    '#lobbying-and-advocacy',
    '#public-policy-and-issues-management',
    '#digital-communications',
    '#event-and-trade-show-materials',
    '#presentation-and-print-design'
]

function getWWD(){
  $.getJSON('wp-content/themes/bmgz/data/whatwedo.json', function(result){
    $.each(slugArray, function(i, selection){
      $(selection).click(function(){
        $("#w-dropdown header img").attr('src', result[i].icon);
        $("#w-dropdown h4").html(result[i].name);
        $("#w-copy header").html(result[i].name);
        $(result[i].cousins).each(function(index, item){
            $(".wwd-ul").append($(document.createElement('li')).addClass('wwd-li').text(item));
        });
        console.log($(".wwd-li").text());
        $("#w-copy p").html(result[i].copy);
        $('#chalkboard').css({"background-image":"url("+result[i].cover+")"});
        $("#wwd-sub-icons img:first-child").attr('src', result[i].subicon1);
        $("#wwd-sub-icons img:last-child").attr('src', result[i].subicon2);
      });
    });
  });
};
getWWD();

我想做的是以下内容：

在getWDD();函数生成的子页面中：

检查$（“＃wwd-sub-icons img：first-child”）和$（“＃wwd-sub-icons img：last-child”）的img src，取决于src，强制索引为1,4或7，并使所有子页面内容跳转到该索引处对象的JSON值。
要使用“wwd-li”类生成的列表项在单击时显示以下行为：抓取列表项内的文本并使用它来查找JSON文件中结果[i]的索引] .name与li中的文本相同，然后调整所有其他页面上数据的索引以匹配该新索引。

任何和所有指导或教程将不胜感激!!!!谢谢!!

链接到JSON文件中的另一个索引

0 个答案: