首页 > 解决方案 > 我在这里缺少什么脚本?

问题描述

尝试为新客户重建网站 - 他希望我继承位于此处(http://odfigroup.com/about-us/)的名为 Our Holistic Approach 的层

这是我的新版本所在的位置https://lonebeacondevelopment.com/odfigroup/about-odonnell-financial-group/

如您所见,我还无法在点击功能上获得翻转和右侧内容更改

我已经继承了所有的 CSS 和这个 JS,我把它们放在了页面的正文中。

<script type="text/javascript">
    jQuery('.value-icon').on('mouseover', function () {
        var windowwidth = jQuery(window).width();
        if (windowwidth > 767) {
            jQuery(this).parent().find('.value-popup').attr('style', 'display:block;');
        }
    });
    jQuery('.value-icon').on('mouseleave', function () {
        var windowwidth = jQuery(window).width();
        if (windowwidth > 768) {
            jQuery(this).parent().find('.value-popup').attr('style', 'display:none;');
        }
    });
    jQuery('.value-icon').on('click', function () {
        var windowwidth = jQuery(window).width();
        if (windowwidth < 769) {
            jQuery('.value-popup').slideUp();
            jQuery(this).parent().find('.value-popup').slideDown();
        }
    });
    jQuery(document).ready(function () {
        var windowwidthh = jQuery(window).width();
        if (windowwidthh < 769) {
            jQuery('.first-ic').slideDown();
        }
    })
</script>
<script type="text/javascript">
    var parentEl = jQuery('#approach-diagram').attr('class');
    jQuery('#approach-diagram span').on('mouseover', function () {
        var hoverEl = jQuery(this).attr('class');
        jQuery('#approach-diagram').attr('class', hoverEl + '-bg');
    });

    jQuery('#approach-diagram').on('mouseleave', function () {
        jQuery('#approach-diagram').attr('class', parentEl);
    });

    jQuery('#approach-diagram span').on('click', function () {
        var clickEl = jQuery(this).attr('class');
        jQuery('#approach-diagram').attr('class', clickEl + '-bg');
        jQuery('.approach-text').slideUp();
        jQuery('#' + clickEl + '-text').slideDown();
        parentEl = clickEl + '-bg';
    });
</script>

我还缺少什么?有人可以帮我让它正确触发吗?

标签: javascriptwordpress

解决方案


推荐阅读