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>