Jquery: How to disable an image's click function while loading?
<p>This won't work using:</p>

<pre><code>$('div#menuBar,#goLeftBtn,#goRightBtn').attr('disabled', true);
</code></pre>

<p>in the document.ready</p>

<p>Any ideas?
Thanks!</p>

<p><strong>EDIT:</strong><br/>
My html is basically like this:</p>

<pre><code>  &lt;div id="floatRight"&gt;
       &lt;img src="./images/all_left.png" id="goAllLeft" class="arrow" /&gt;
       &lt;img src="./images/left.png" id="goLeft" class="arrow" /&gt;
       &lt;img src="./images/right.png" id="goRight" class="arrow"/&gt;
       &lt;img src="./images/all_right.png" id="goAllRight" class="arrow" /&gt;
    &lt;/div&gt;
</code></pre>

<p>I know those aren't the exact image names in the jquery code above, but that is how all of my img's are basically set up &amp; for that particular line of code I only need those img's to be disabled. </p>
