リンクがクリックされた後にページをブロックするために、BlockUIプラグインでjQueryを使用しています。また、ページがブロックされたときにメッセージを表示するために DOM 要素を使用しています。
使用されるコードの簡単な例を次に示します。
<a id="testme" href="#">Click Me</a>
<script type="text/javascript">
$(document).ready(function() {
$('#testme').click(function() {
// Set our message in the message panel....
$('#progressMessage').text('Please wait!');
$.blockUI({
message: $('#progressWidget')
});
});
}
</script>
<div id="progressWidget" style="display:none" align="center">
<div class="modalUpdateProgressMessage">
<div id="progressMessage" />
<img src="spinbar.gif" />
</div>
</div>
私が遭遇している問題は、要素の を設定する.text()
と、<div id="progressMessage" />
要素<img src="spinbar.gif" />
が削除されたように見えることです。Firebug を使用して、これが実際に発生していることを確認しました。
forの<span>
代わりに aを使用してみましたが、結果は同じです。<div>
progressMessage
なぜこれが起こっているのか誰でも説明できますか?