html - 单击时显示元素

Question

我已经玩了很长时间了，但它似乎不起作用。

我希望在我的网站上添加一个隐藏的优惠券代码功能并拥有它，以便代码实际上是隐藏的，直到单击“点击显示”按钮并且用户的浏览器打开一个新窗口。

我有一个测试页面，正是我在说什么。

我的麻烦是，一切正常，但实际凭证显示位。

任何想法，或如何做到这一点的任何链接？

Answer 1

您的页面看起来像是在尝试使用 jQuery 代码，但您尚未将 jQuery 添加到文档中，因此收到类似Uncaught ReferenceError: $ is not defined.

请参阅jQuery：有关如何设置页面以正确指向 jQuery 的基础知识。

Answer 2

正如 Jonathan Newmuis 指出的那样，您的代码中缺少 jQuery 库。这是问题一，问题二是我也没有看到fancybox插件被调用。

所以你有这个位

<script type="text/javascript">
    $(document).ready(function () {

            $(".popUpCode75554").fancybox({
                'overlayOpacity': 0.7,
                'enableEscapeButton': false,
                'hideOnOverlayClick': false,
                'hideOnContentClick': false,
                'showCloseButton': true,
                'frameWidth': 520,
                'frameHeight': 400,
                'overlayColor': '#000000',
                'callbackOnClose': function () {
                    $('.voucher-code-revealed-75554').show();
                    $('.voucher-buttons-75554').hide();
                }


            });

            $(".cashbackWarning").fancybox({
                'overlayOpacity': 0.7,
                'enableEscapeButton': false,
                'hideOnOverlayClick': true,
                'hideOnContentClick': false,
                'showCloseButton': true,
                'frameWidth': 500,
                'frameHeight': 250,
                'overlayColor': '#000000'

            });

    });

try {
var pageTracker = _gat._getTracker("UA-11279427-1");
pageTracker._setDomainName("none");
pageTracker._setAllowLinker(true);
pageTracker._trackPageview();
} catch(err) {}
                </script>

在上面添加以下内容。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="http://yandex.st/jquery/fancybox/1.3.4/jquery.fancybox.min.js"></script>

不确定该特定精美盒子版本与您尝试使用的版本相比有多旧/新，但我认为它可能是其中较新的版本。反正。添加这两行可能会解决您的问题，除非您当前拥有的代码存在某种缺陷，而目前似乎并非如此。

另一方面，如果您使用 firefox，我可能会建议您为自己安装一个名为 firebug 的插件，它将帮助您调试基于 javascript 的错误以及其他内容。