C# Jquery移动隐藏按钮

我正在MVC4/C中开发一个移动网站，并使用向导进行一些数据输入（）我也在使用jQueryV1.8和jQueryMobile 1.3.1

由于某些原因，我无法在初始显示步骤1时隐藏“后退”按钮（），前进到步骤2并返回到步骤1时确实隐藏了后退按钮，使用以下代码：

$("#back-step").closest('.ui-btn').hide();

当我在$document.ready中使用完全相同的代码时（或在设置事件处理程序之前），它不会隐藏页面/步骤初始视图上的按钮

脚本代码从单独的文件加载，加载脚本代码发生在cshtml文件的底部

<script src="~/Scripts/Custom/Wizard.js"></script>

---

您可以提供您的html吗？将

$（函数（）{

替换为

$（文档）。在（'pagebeforeahow'，函数（）{

上，您还可以使用

pageinit

。编辑：我建议使用jquery 1。9@Omar，谢谢你的建议，$（文档）。在（'pagebeforeshow'上编辑技巧！！！@Jeandre，问题解决了（参见前面的评论）您是否仍希望我提供html？

$(function () {

$(".wizard-step:first").show();             // show first step

$("#back-step").closest('.ui-btn').hide();
alert('hide! first');

// attach nextStep button handler       
$("#next-step").click(function () {
    var $step = $(".wizard-step:visible"); // get current step

    var validator = $("form").validate(); // obtain validator
    var anyError = false;
    $step.find("input").each(function () {
        if (!validator.element(this)) { // validate every input element inside this step
            anyError = true;
        }

    });

    if (anyError)
        return false; // exit if any error found

    if ($step.next().hasClass("confirm")) { // is it confirmation?

        try {
            $("form").submit();
        }
        catch (e) {
            alert(e.name + ": " + e.message + " " + e.description);
        }
    }

    if ($step.next().hasClass("wizard-step")) { // is there any next step?
        $step.hide().next().fadeIn();  // show it and hide current step
        $("#back-step").closest('.ui-btn').show();
    }
    else { // this is last step, submit form
        $("form").submit();
    }
});


// attach backStep button handler
// hide on first step
$("#back-step").click(function () {
    var $step = $(".wizard-step:visible"); // get current step
    if ($step.prev().hasClass("wizard-step")) { // is there any previous step?
        $step.hide().prev().fadeIn();  // show it and hide current step

        // disable backstep button?
        if (!$step.prev().prev().hasClass("wizard-step")) { // $step.prev().prev() == $(".wizard-step:first")) {
            $("#back-step").closest('.ui-btn').hide();
        }
    }
    else {
        $("#back-step").closest('.ui-btn').hide();
    }
});
});

$(document).ready(function () {
    $("#back-step").closest('.ui-btn').hide();
    alert('hide! in ready');
});