私はウェブサイトに取り組んでおり、本のようなダイアログが必要です。ダイアログとすべてのスタイルを設定しましたが、ユーザーがボタンをクリックしたときに、ダイアログの背景を開いている本に変更しようとしています。問題は、私がそれをどのように行うべきかわからないことです。私は今、数時間探し回っていますが、何も思いつきませんでした.
.custom_dialog_menu {
background: url('01_Meny_2.png') !important;
border:0px !important;
width:489px !important;
height:600px !important;
position:fixed !important;
}
<div class="forward_button"></div>
それが私の CSS であり、基本的には、ユーザーが(これは画像です) を押したときに背景を変更したいと考えています。
$( "#meny_dialog0" ).dialog({
dialogClass:'custom_dialog_menu',
resizable: false,
draggable: false,
modal: false,
autoOpen: false,
});
$( ".menu_text" ).click(function() {
$( "#meny_dialog0" ).dialog( "open" );
$(".div0").show();
});
$(".forward_button").click(function () {
$("meny_dialog0").removeClass('custom_dialog_menu').addClass('custom_dialog_menu_open');
});
これは、ダイアログの初期化子およびオープナーであり、クリック メソッドです。
編集:私はそれが私が忘れていたものであることを知っていたので、ここにクリック方法があります...
私は今、皆さんに希望を託していますが、これを修正する方法がわかりません。CSS、クラスの削除と追加などを試しましたが、運がありませんでした。
フィドル: http://jsfiddle.net/FusionSausage/a9Y6V/2/
ありがとう!