jQuery-隐藏HTML表单[暂停]

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (67)

当函数被触发时,我试图使用jQuery隐藏表单;但是,当我在Chrome中检查显示的页面时,表单没有隐藏,也没有显示错误。

我正在使用jQuery:$("#showYMAward").hide();

HTML:

<form data-toggle="validator" role="form" id="showYMAwards">
        <div class="container-fluid">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                <div class="jumbotron">
                    <h3>Joey Award Update</h3>
                    <!-- Place for Group Button -->
                    <div class="input-select" id="img-container1">
                    </div>
                </div>
            </div>
        </div>
    </form>

联署材料:

function getYMsFunction(val_AwardID) {

    $("#showYMAward").hide();

    alert('Hidden: ');
    sessionStorage.setItem('ssAwardID', val_AwardID);

    $('#ymTable tbody > tr').remove();

    var dataToBeSent  = {
            ssAwardID : sessionStorage.getItem('ssAwardID'),
            ssAwardGroupNo : sessionStorage.getItem('ssAwardGroupNo'),
    };

    $.ajax({
        url: "GetYMandAwardDates",
        data : dataToBeSent,
        type: "POST",
        cache: false,
    })
    .fail (function(jqXHR, textStatus, errorThrown) {
        $('#ajaxGetUserServletResponse').text('An error occured getting the Youth Members');
    })
    .done(function(responseJson1a) {

        $('#showAward-container').html("");

        var dataToBeSent  = {
                ssAwardID : sessionStorage.getItem('ssAwardID'),
        };

        //Get the Award Image
        $.ajax({
            data : dataToBeSent,
            type: "POST",
            url: "AwardImageView",
            cache: false
        })
        .fail (function(jqXHR, textStatus, errorThrown) {
            if(jqXHR.responseText.includes('No Award found')){
                    $('#ajaxGetUserServletResponse').text('No Award found.');
                }else{
                    $('#ajaxGetUserServletResponse').text('An error occured getting the Award Image');
                }
        })
        .done(function(responseJson1) {
            dataType: "json";
            // JSON response to populate the Award images and dates
            $(responseJson1).appendTo($("#showAward-container"));
        });


        dataType: "json";

        // JSON response to populate the Award images and names
        $(responseJson1a).appendTo($("#ymDetails"));
    });
}

我已经在隐藏后放置了一个警报,以防它隐藏,然后再次显示。情况并非如此。

提问于
用户回答回答于

代码中存在错误。$("#showYMAward").hide();需要$("#showYMAwards").hide();。因为没有id元素showYMAward在你的代码中,它不会隐藏任何元素。

$('#hideShowYMAward').on('click', function() {
  $("#showYMAward").hide();
});
$('#hideShowYMAwards').on('click', function() {
  $("#showYMAwards").hide();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form data-toggle="validator" role="form" id="showYMAwards">
  <div class="container-fluid">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
      <div class="jumbotron">
        <h3>Joey Award Update</h3>
        <!-- Place for Group Button -->
        <div class="input-select" id="img-container1">
        </div>
      </div>
   </div>
 </div>
</form>

<button id="hideShowYMAwards">Click me this will work</button>
<button id="hideShowYMAward">Click me this will not work</button>

用户回答回答于

在JS的开头,有一个错误$("#showYMAward").hide();,应该是$("#showYMAwards").hide();基于如何用HTML编写它。改变它并检查它是否有效。

所属标签

可能回答问题的人

  • 人生的旅途

    10 粉丝484 提问5 回答
  • 无聊至极

    4 粉丝504 提问5 回答
  • 嗨喽你好

    7 粉丝480 提问4 回答
  • 富有想象力的人

    4 粉丝0 提问3 回答

扫码关注云+社区

领取腾讯云代金券