如果类 true 将 url 添加到 iframe 并通过 url 列表工作然后重复？答案

【问题标题】：If class true add url to iframe and work through a list of url's then repeat?如果类 true 将 url 添加到 iframe 并通过 url 列表工作然后重复？
【发布时间】：2019-09-04 20:40:08
【问题描述】：

如果元素具有class="show"，我想知道如何将不同的 url 添加到 iframe，因此元素类第一次“显示”时它将加载 url： about.html

same 元素第二次具有“show”类时，它将打开工作.html

然后在 3d 时间相同元素的类“show”将打开联系方式.html

等等等等

但是在最后一个打开contact.html的“show”类上，我将如何再次启动它，所以第4次类等于“show”它再次打开about.html，第5次类是“show " 它会打开 work.html 等？

任何想法的感谢！我希望这也有意义。

根据视频模式是否打开，编辑类显示在显示和隐藏之间的变化，因此第一次显示该类时应该显示例如 about.html，然后第二次显示该类应该是 work.html 和第三次联系等希望更有意义

【问题讨论】：

你试过什么？提示：由于您有将类设置为“显示”的代码，也许您应该在那里跟踪它的运行次数并在那里设置 iframe 的源代码？
我目前正在尝试将 1 添加到 var 每次类更改为“显示”时它会添加 1 到我正在查看的 var 然后将 var 设置回 1 一旦它到达最后一个“页面”有点挣扎，虽然它是我迄今为止想出的最好的，然后我将使用 if 语句，所以如果 var 为 3，它将 attr contact.html 到 ifame，如果它是 1，它将 attr 关于.html 到 iframe src

标签： javascript jquery class if-statement src

【解决方案1】：

您可以使用 jquery 提供的数据 api 而不是使用类，这是文档的链接：https://api.jquery.com/data/

例如：

//Default value
$('#foo').data('num', 1);

//Go to next page event
$("#GoToNextPage").on("click", function(){
 NextUrl();
});  

function NextUrl(){
    var elem = $('#foo');
    var number = elem.data('num');
    if(number === 2){
      elem.src = 'URL.html'
    }
}

【讨论】：