1

loading-indicatorドロップダウンから新しい値を選択したときに div を表示することを除いて、これは正常に機能します。初めて実行すると、読み込みインジケータが表示され、リモート コンテンツが読み込まれると消えます。ドロップダウン メニューを別の値に変更しましたが、読み込みインジケーターが再表示されません。ロードが完了すると、最終的に「新しい」コンテンツが表示されます。

<select name="branch_name" id="branch_name">
    <option value="Branch1">Branch1</option>
    <option value="Branch2">Branch2</option>
    <option value="Branch3">Branch3</option>
</select>

<div id="mycontent">
    <div id="loading-indicator" style="display:none">
    Scanning subversion<img src="/images/ajax-loader.gif" /></div>
</div>

<script type="text/javascript">
    $(function(){
        $('#branch_name').bind("change", function() {
            $('#loading-indicator').show();
            $('#mycontent').load('/tags/runme',{branch_name: $(this).val()});
        });
    });
</script>
4

4 に答える 4