单击时显示元素

时间:2012-08-15 16:42:42

标签: html

我已经玩了好几年了,它似乎没有用。

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

我有test page正是我所说的。

我的麻烦是,一切正常,但实际的凭证揭示了一点。

任何想法,或任何关于如何做到这一点的链接?

2 个答案:

答案 0 :(得分:1)

您的页面看起来像是在尝试使用jQuery代码,但是您没有在文档中添加jQuery,因此收到的错误如Uncaught ReferenceError: $ is not defined

请参阅jQuery: The Basics,了解如何设置页面以正确指向jQuery。

答案 1 :(得分:0)

正如Jonathan Newmuis指出的那样,你从代码中遗漏了jQuery lib。哪个是问题一,问题二是我没有看到在任何一个中调用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的错误以及其他事项。