Question

就像一些预先信息一样，我正在运行一个内部页面HTML被锁定的Volusion电子商务网站，因此我无法向内部页面元素添加任何ID或类。

Volusion提供的默认HTML在我的类别页面上为我的设计添加了一个表格。我有一些脚本在我的产品类别页面上定位该表，然后移动它。问题是脚本在页面加载后运行，导致＆＃34;跳转＆＃34;当表通过jquery移动时效果。

简单的解决方案是首先通过css隐藏表，然后让jquery在移动后显示该元素，但是，我不知道如何实现这一点。

这是移动脚本。它首先通过URL检查检测用户是否在类别页面上。然后它在#content_area元素中找到第一个子表，并移动它。

<script type='text/javascript'>
    $(function () {
        if (location.pathname.indexOf("-s/") != -1) {
            var table_to_move = $("#content_area").find("table").first();
            $("#content_area").find("form").before(table_to_move).show();
            $('#jmenuhide').insertBefore('.refinement_price_section');
        }
        else {
        }
    });
</script>

我尝试通过css定位元素并隐藏它，然后在脚本运行后重新显示它。但是，由于我只能通过css选择器引用它，而不能通过ID或类引用它，因此页面最终会隐藏错误的表，因为在运行脚本时表顺序会发生变化。

任何人都知道我如何能够摆脱这个桌子的运动？谢谢！

您可以在以下位置查看此脚本：http://www.yandasmusic.com/Folk-Instruments-s/1821.htm

删除＆＃34;页面跳跃＆＃34;通过jquery移动页面元素时

0 个答案: