1

单击提交按钮后，我有两个页面都显示相同的加载图像。这是我的代码片段：

<div class="content">
    <img src="/images/stroomschema.png" style="padding: 10px;">
    <form method="post" action="/result" enctype="multipart/form-data">
        <h3>1. Selecteer een PDF-print van je rooster.<a href="instruction.html" target="_blank"><img src="/images/questionmark.png" /></a></h3>
        <input type="file" name="infile" id="roosterIn"/>
        <h3>2. Klik op onderstaande knop om het rooster voor te bereiden.</h3>
        <input type="submit" name="upload" value="Selecteer eerst een rooster" id="submitIndex" disabled="disabled" />
    </form
    <img src="/images/loading.gif" style="display: none;" class="loading_image">
    <br>
    <h5><a href={{ logout_url }}>Uitloggen</a></h5>
</div>
</div>
<script>
    $('#roosterIn').change(function() {
        $('#submitIndex').removeAttr('disabled');
        $('#submitIndex').attr('value', 'Volgende')
    })

    $('input[type=submit]').click(function() {
        $('.loading_image').attr('style', 'display: block;')
        $(this).parents('form').hide()
        $(this).parents('form').submit()
    })
</script>

奇怪的是，.loading_image图像永远不会显示。如果我在 chrome 中检查页面，那么它会显示以下代码：

<div class="content">
    <img src="/images/stroomschema.png" style="padding: 10px;">
    <form method="post" action="/result" enctype="multipart/form-data">
        <h3>1. Selecteer een PDF-print van je rooster.<a href="instruction.html" target="_blank"><img src="/images/questionmark.png" /></a></h3>
        <input type="file" name="infile" id="roosterIn"/>
        <h3>2. Klik op onderstaande knop om het rooster voor te bereiden.</h3>
        <input type="submit" name="upload" value="Selecteer eerst een rooster" id="submitIndex" disabled="disabled" />
    </form
    <br>
    <h5><a href={{ logout_url }}>Uitloggen</a></h5>
</div>
</div>
<script>
    $('#roosterIn').change(function() {
        $('#submitIndex').removeAttr('disabled');
        $('#submitIndex').attr('value', 'Volgende')
    })

    $('input[type=submit]').click(function() {
        $('.loading_image').attr('style', 'display: block;')
        $(this).parents('form').hide()
        $(this).parents('form').submit()
    })
</script>

整个图片标签都不见了，这怎么可能？

4

2 回答 2

2

该img标签不存在，因为您缺少标签的>关闭</form>。

于 2012-11-05T10:01:53.520 回答
0

将其更改</form为</form>

于 2012-11-05T10:02:53.627 回答