Question

我在视觉工作室工作cordova。我创建了一个示例应用程序，它将在json data上显示chart。我也在我的应用中放置了toggle button。现在，我想在toast message到off和on以及on之间更改切换时显示off。现在我正在显示一条警告信息。贝娄是我的html切换代码。

<div class="question" style="font-size:x-large; text-align:center">
        Toggle On/Off
    </div>
    <div class="switch" style="text-align:-webkit-center">
        <input id="cmn-toggle-7" class="cmn-toggle cmn-toggle-yes-no" type="checkbox" checked="checked">
        <label for="cmn-toggle-7" data-on="On" data-off="Off"></label>
    </div>

对于javascript，请参阅以下代码

$("#cmn-toggle-7").on("change", function (event) {
            if ($(this).is(":checked")) {
                alert("Switch is On");
            } else {
                alert("Switch is Off");
            }
        });

在$(this).is(":checked") or not checked我希望在吐司上显示相同的消息20秒，因为它在警告时显示

任何帮助将不胜感激

Answer 1

我认为您需要此代码;

<Show Dialog="ClearAllDataDlg" Before="CostFinalize">REMOVE ~= "ALL"</Show>

有关详细信息，请参阅link

Answer 2

Cordova Soluation

您的提醒正在运行，因此您无需更改它，只需添加一个吐司PhoneGap Toast plugin插件并将吐司设置为您的条件

$("#cmn-toggle-7").on("change", function (event) {
    if ($(this).is(":checked")) {
        //alert("Switch is On");
        window.plugins.toast.showWithOptions(
        {
            message: "Switch is On",
            duration: "short", // which is 2000 ms. "long" is 4000. Or specify the nr of ms yourself.
            position: "bottom",
            addPixelsY: -40  // added a negative value to move it up a bit (default 0)
        },
            onSuccess, // optional
            onError    // optional
        );
    } else {
        //alert("Switch is Off");
        window.plugins.toast.showWithOptions(
        {
            message: "Switch is Off",
            duration: "short", // which is 2000 ms. "long" is 4000. Or specify the nr of ms yourself.
            position: "bottom",
            addPixelsY: -40  // added a negative value to move it up a bit (default 0)
        },
            onSuccess, // optional
            onError    // optional
        );
    }
});

function onSuccess(){}
function onError(){}

Answer 3

我在toastr中使用jquery解决了这个问题，因为它易于使用。我只需要通过nuget安装它并执行以下步骤。

指向toastr.ss <link href="toastr.css" rel="stylesheet"/>
指向toastr.js <script src="toastr.js"></script>
使用toastr显示信息，成功，警告或错误的祝酒词

// Display an info toast with no title toastr.info('Are you the 6 fingered man?')

//Display a success toast with no title toastr.success('Switch is on','',{timeOut: 2000})

有关更多信息，请参阅github

在切换开关更改时显示Toast消息

3 个答案: