0

牛肉の切り身を表示するロールオーバーイメージマップを作成しました。ユーザーが牛肉のセクションをクリックすると、js/popupbox.jsスクリプトを介してレシピを一覧表示するdivが表示されます。

すべての基本的なスクリプトがここで機能しています（[チャック]セクションをクリックしてください）

しかし、最初に牛のイメージマップがjqueryモーダルウィンドウで開きます（私はjqueryを初めて使用するので、間違っていると言っているかもしれません！）。問題：show /hiddendivがjqueryウィンドウ内で機能しなくなります。

代わりにツールチップスクリプトを使用することを検討しましたが、各div内にはクリックする必要のあるレシピやその他のコンテンツがあるため、ユーザーがクリックしてdivを自分で開閉できることが不可欠です。

どんな助けでも大歓迎です！

4

1 に答える 1

0

open イベントを使用して、イベント ハンドラーをダイアログにアタッチする必要があります。

$('#opener').click(function() {
    $('#dialog').dialog({
        modal: true,
        height: 550,
        width: 800,
        hide: "explode",
        open: function() {
            $(this).click(function() {
                $('#popupbox').show();
            });   
        }
    });
});

作業例: http://jsfiddle.net/f55gg/

于 2011-03-05T00:13:15.113 に答える