Bootstrap控件没有使用jquery重置

时间:2017-04-21 02:35:47

标签: javascript jquery html css twitter-bootstrap

我试图让这个方框从"到达端点"当它点击恢复正常时它会做什么。但它似乎没有更新它的状态。

HTML:

<div class="row">
        <div class="col-lg-6">
            <div class="form-group">
                <button type="submit" data-loading-text="<i class='fa fa-circle-o-notch fa-spin'></i> Hitting Endpoint.." class="btn btn-primary btn-lg" value="Hit Endpoint" id="submitButton" style="max-width: 1000px; height: 500px; margin-left: 250px; margin-right: 10px; margin-top: 20px; margin-bottom: 0px; width: 200px; height: 75px">Hit Endpoint</button>
            </div>
        </div>

JS:

$("#submitButton").on("click", function () {
                var request = $("#requestBox").val();
                if (!request) {
                    alert("Please populate the request box with valid JSON");
                    return;
                }
                $("#submitButton").button('loading');
                $.post('@Url.Action("Run")', { requestJson: request })
                        .success(function (data) {
                            var jsonPretty = JSON.parse(data);


  alert("Was successful");
                        renderjson.set_max_string_length("none");
                        renderjson.set_show_to_level(2);
                        document.getElementById("responseBox").appendChild(renderjson(jsonPretty));
                        $(window).scrollTop($('#pBox').offset().top);
                        $("#submitButton").button('reset');
                })

使用重置似乎无法正常工作。我究竟做错了什么?我是否真的必须像这里的例子一样使用setTimeout

http://codepen.io/jmalatia/pen/HkmaA

干杯

0 个答案:

没有答案