我在一个网站上工作,我想要一个类似的对话。我为对话框设置了样式,现在我试图在用户单击按钮时将对话框更改为打开的书本。问题是我不知道该怎么做。我已经搜索了几个小时,但我没有想出任何东西。
.custom_dialog_menu {
background: url('01_Meny_2.png') !important;
border:0px !important;
width:489px !important;
height:600px !important;
position:fixed !important;
}
那是我的CSS,基本上我希望在用户按下<div class="forward_button"></div>
(这是一个图像)时改变背景。
$( "#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/
谢谢!