-3

I have been playing around for ages with this and it does not seem to work.

I am looking to add a hidden voucher code function to my site and have it so that the code is actually hidden until the "click to reveal" button is clicked and user's browser opens a new window.

I have a test page with exactly what i'm talking about.

my trouble is, everything works but the actual voucher reveal bit.

Any ideas, or any link on how to do this?

4

2 に答える 2

1

あなたのページは jQuery コードを使用しようとしているように見えますが、ドキュメントに jQuery を追加していないため、Uncaught ReferenceError: $ is not defined.

jQuery: The Basicsを参照して、jQuery を正しく指すようにページを設定する方法を確認してください。

于 2012-08-15T16:47:12.653 に答える
0

Jonathan Newmuis が指摘したように、コードから jQuery ライブラリが欠落しています。どちらが問題 1 で、問題 2 は 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>

その特定のファンシー ボックスのバージョンが、使用しようとしているものと比較してどのくらい古いか新しいかはわかりませんが、新しいバージョンである可能性があります。ともかく。これらの 2 行を追加すると、問題が解決する可能性があります。ただし、現在のコードに何らかの欠陥があり、現時点ではそうではないようです。

別の注意として、firefox を使用している場合は、firebug というアドオンを入手することをお勧めします。これは、javascript ベースのエラーやその他のものをデバッグするのに役立ちます。

于 2012-08-15T16:53:42.063 に答える