以下のコードを使用して、JQuery Flip プラグインを使用してフリップ効果を生成しています。「verso」プロパティには、 id の選択メニューがあります#ddlBookletType
。その ID は、ドロップダウン メニューを作成する別の JQuery プラグインをトリガーするために使用されます。
私がhtml(versoプロパティにある)を持っている方法は、ドロップダウンプラグインを壊しています。フリップ機能を削除すると、ドロップダウンが機能します。
質問:
フリップ プラグインを使用している間、id を持つフリップ プラグイン内で使用されているドロップ ダウン プラグインを壊さないようにするにはどうすればよいddlBookletType
ですか?
コード:
<script type="text/javascript">
function allflip() {
flip();
flip2();
}
function flip2() {
$("#fb_flip").on("click", function (e) {
$(".flip_stuff").flippy({
color_target: "transparent",
direction: "top",
duration: "750",
verso: "<select id='ddlBookletType'>" +
"<option value='<%=(int)Booklet.BookletTypeEnum.EventOne %>'>" +
"<%=Booklet.BookletTypeEnum.EventOne.GetDescription() %></option>" +
"<option value='<%=(int)Booklet.BookletTypeEnum.EventTwo %>'>" +
"<%=Booklet.BookletTypeEnum.EventTwo.GetDescription()%></option>" +
"<option value='<%=(int)Booklet.BookletTypeEnum.EventThree %>'>" +
"<%=Booklet.BookletTypeEnum.EventThree.GetDescription()%></option>" +
"<option value='<%=(int)Booklet.BookletTypeEnum.EventFour %>'>" +
"<%=Booklet.BookletTypeEnum.EventFour.GetDescription()%></option>" +
"<option value='<%=(int)Booklet.BookletTypeEnum.EventFive %>'>" +
"<%=Booklet.BookletTypeEnum.EventFive.GetDescription()%></option>" +
"</select>",
onFinish: function () {
$("#back").on("click", function (e) {
$(".flip_stuff").flippyReverse();
setTimeout(function () {
allflip();
}, 1000);
});
}
});
e.preventDefault();
});
}
$(document).ready(function () { flip2(); });
</script>
<script type="text/javascript">
$("#back").on("click", function (e) {
$(".flip_stuff").flippyReverse();
});
</script>