javascript - 模拟点击另一个内部页面上的链接

标签 javascript jquery wordpress

我的 main page 上有四张带有链接的图像。我在 another page 上也有四个匹配的画廊。除了一次隐藏一个之外,其他都是隐藏的。单击该图库页面上的特定图像时,会显示每个图库。

我正在尝试让主页图像专门链接到相应的图库(例如单击主页上的子图像,将加载图库页面并显示子图库)。

我阅读了这些问题并尝试实现他们的答案:

https://stackoverflow.com/questions/2847185

https://stackoverflow.com/questions/7047746

图库页面使用轮播插件加载,并为我的设置创建了一个自定义脚本,以允许轮播上的图像/选项卡(类为 img.imgslide,它们没有任何 ID 属性)显示/隐藏画廊:

jQuery(document).ready(function() {
        if (jQuery('.customtabs > br').length) {
            jQuery('.customtabs > br').remove();
        }       
});

function displaycustom_tab(obj) {
        var totalSlides = jQuery(obj).parent().find('>div').length / 3;
        var tabi = 0;
        var slidei = jQuery(obj).index() + 1;
        if (slidei > (2 * totalSlides)) {
            tabi = slidei - (2 * totalSlides);
        } else if (slidei > (totalSlides)) {
            tabi = slidei - totalSlides;
        } else {
            tabi = slidei;
        }
        tabi--;
        jQuery('.customtabs > div').removeClass('activetab');
        jQuery('.customtabs > div:eq(' + tabi + ')').addClass('activetab');
    jQuery(window).trigger('resize');
}

我尝试使用此代码:用 *s 包裹的文本是我添加的代码(带有 *s)。

jQuery(document).ready(function() {
        if (jQuery('.customtabs > br').length) {
            jQuery('.customtabs > br').remove();
        }       
        ****jQuery('#newborn').get(0).click();****
});

我在 Chrome 检查面板中收到此错误:

gallery.js:5 Uncaught TypeError: 无法读取未定义的属性“click”

我不知道如何让它发挥作用。我是否需要为轮播选项卡上的 ID 字段创建属性属性?

最佳答案

查看了您发布的链接的来源。您可能使用了错误的 ID。

jQuery('#newborn').get(0).click();

应该是

jQuery('#newbornlink').get(0).click();

关于javascript - 模拟点击另一个内部页面上的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41214089/

相关文章:

javascript - 如何在 react 回调中触发 handleSubmit

Javascript:调用默认的 keydown 事件处理程序

与 HTML 相关的 Javascript/JQuery 脚本放置

jquery在.load()函数中重新建立img src

php - 在 Woocommerce 的任何地方保存并显示特定的支付网关附加字段

html - 将鼠标悬停在 li 上时更改颜色

javascript - 语音转文本 javascript 识别医学词典

jquery - 自定义 HTML 选择菜单

php - "stretch"的 Wordpress 特定方法,(最小高度)等我的页面内容,以便我的页脚后没有空格?

javascript - Google map V3 中的 Elabel 未定义错误