Question

我使用以下代码在FooterBar中打开一个Panel。打开面板5次后什么都没发生。 FooterBar不是clickabel。小组不能再靠近了。

我该怎么办？

请指教，谢谢

的JavaScript

$("#FooterBar_Stundenerfassung_0").on("click", function () {
    // text you get from Ajax
    var content = "<h2>Hilfe</h2><ul><li>Probieren geht &uuml;ber Studieren</li><li>Liebe geht &uuml;ber Triebe</li><li>Tante f&auml;llt &uuml;ber Kante</li></ul>";

    // close button
    var closeBtn = $('<a href="#" data-rel="close" class="ui-btn ui-btn-inline ui-shadow ui-corner-all ui-btn-a ui-icon-delete ui-btn-icon-left">zurück</a>');

    // Popup body - set width is optional - append button and Ajax msg
    var popup = $("<div/>", {
        "data-role": "panel"

    }).append(content).append(closeBtn);

    // Append it to active page
    $.mobile.pageContainer.append(popup);

    // Create it and add listener to delete it once it's closed
    // open it
    $("[data-role=panel]").panel({
        position: "left",
        theme: "a",
        display: "overlay",
        animate: true,
        dismissible: "false",
        swipeClose: "false",
        beforeposition: function () {
            $.mobile.pageContainer.pagecontainer("getActivePage")

        },
        afterclose: function () {
            $(this).remove();

        },
        afteropen: function () {
            /* do something */
        }

    }).panel("open");
});

结束JavaScript

Answer 1

HTML是var内容和var closeBtn的includet。我没有带Div的HTML

我有一个来自PopUp示例的示例，并且效果很好。

brgds Ramon

带有FooterBar的jqmobile 1.4面板

1 个答案: