0

我的网站目前正在使用 Volusion 电子商务平台。您可能知道也可能不知道，几乎整个系统后端都被锁定了。为了让我在我的所有产品页面中添加任何额外的 html 内容，Volusion 支持为我提供了以下一点 java 脚本以添加到我的模板文件中。

这个例子展示了如何添加一些 HTML（这是一个简单的“需要帮助？联系我们！”消息）以显示在每个产品页面的底部。可以使用“content_area”的 ID 将其放置在与 div 标签匹配的结束标签之后：

<script type="text/javascript"> 
//<![CDATA[ 
if (location.pathname == "/ProductDetails.asp" || location.pathname.indexOf("-p/") != -1 || location.pathname.indexOf("_p/") != -1)
    document.writeln("\n<table align='center' style='border: solid 2px black;'><tr><td align='center' style='background-color:#ccc; font-weight: normal; padding:10px;'><span style='font-size: larger; font-weight: bold;'>Need help on this or any other product?</span><br />Call 1-800-YourNumberHere | <a href='mailto:customerservice@yourcompany.com'>E-mail Us</a> | <a href='/help.asp'>Help On Our Site</a> | <a href='/returns.asp'>Return Policy</a></td></tr></table>\n\n"); 
//]]> 
</script>

但是，只需将此股票代码添加到我的模板文件中，它似乎就无法正常工作。我正在尝试在满足 url 要求的页面上查看它。

作为 java 脚本的新手，我唯一能收集到的代码可能存在的问题是，虽然在代码描述中他们说它针对“使用 content_area 的 ID 的 div 标签”，但我看不到在哪里在此定位发生的代码中。

任何帮助，将不胜感激。我的产品页面 URL 都以“-p/”结尾，所以我不需要代码中的其他条件。

谢谢！

4

1 回答 1

1

正如你所说，使用 jQuery 是可以的：

$(function () {
    if (location.pathname == "/ProductDetails.asp" || location.pathname.indexOf("-p/") != -1) {
        var content = "<table align='center' style='border: solid 2px black;'><tr><td align='center' style='background-color:#ccc; font-weight: normal; padding:10px;'><span style='font-size: larger; font-weight: bold;'>Need help on this or any other product?</span><br />Call 1-800-YourNumberHere | <a href='mailto:customerservice@yourcompany.com'>E-mail Us</a> | <a href='/help.asp'>Help On Our Site</a> | <a href='/returns.asp'>Return Policy</a></td></tr></table>";

        var el = $('#content_area');

        // If there's an element with id = content_area in the page,
        // let's insert the content after it.
        // Otherwise, let's insert it to the body.
        if (el != null) {
            $(el).after(content);
        }
        else {
            $('body').append(content);
        }
    }
});

注意：如果页面没有加载 jQuery 库，您需要在上面的代码之前执行此操作：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
于 2014-08-29T14:15:45.810 回答