使用jquery禁用页面加载的链接按钮

我有一个带有图像标签的链接函数。我想为页面加载禁用它（使其图像模糊n禁用单击事件）。但单击另一个名为“button 1”的按钮，则只应启用该按钮。我怎样才能做到呢

带有链接的图像的Css是

.img  
{
opacity:0.4;
filter:alpha(opacity=40); 
} 

景色是

<%i = 1%>
<div id = "file_<%= i %>" class = "file">
<%= link_to_function image_tag("play_images.png",:width => 30, :height => 30,:align => 'left', :title => 'Play', :id => "img_play#{i}"), :id => "play_#{i}"%>
&nbsp;&nbsp;<%= link_to_function image_tag("stop_images.png",:width => 30, :height => 30,:align => 'left', :title => 'Stop', :id => "img_stop#{i}",:class => "img"), :id => "stop_#{i}"%>
<%= link_to_function image_tag("fast_fwd.jpeg",:width => 30, :height => 30, :title => 'Fast farword', :id => "img_ff#{i}", :class => "img"), :disabled => 'true',:id => "ff_#{i}"%>

<%= link_to_function image_tag("images.jpeg",:align => 'right'), :id => "close_#{i}"%>
 <div id = "request_<%= i%>" class = "request">
   </div>
 </div>
 <%i = i + 1%>

---

请更准确地描述您的问题，例如，发布一些代码

也许你会尝试这样做：

jQuery(document).ready(function() {
    var $button1 = jQuery('#button1');
    var $button2 = jQuery('#button2').attr('disabled', 'disabled');

    $button1.click(function() {
        if ($button2.is(':disabled')) {
            $button2.removeAttr('disabled');
        } else {
            $button2.attr('disabled', 'disabled');
        }
    });

    $button2.click(function() {
        alert('button2 - click');
    });
});​

---

在这里试试看：

如果我理解正确，您在这里有几种可能性。最常见的一种是最初不使用css display:none显示按钮。您可以在DocumentReady上设置显示以阻止或删除css。如果单击“按钮1”，则可以使用相同的功能

---

如果有其他方法，您应该发布一些代码，以便我们可以查看是否有更合适的方法来执行此操作。

您可以编辑您的问题，使其更清楚地说明您正试图执行的操作-这很难理解。如果我理解正确，您可以通过类似style='display:none；'的方式隐藏链接然后在点击按钮时显示。。。！您的问题是不明确的。如果您编辑了查询，请继续，让我知道问题是什么？我使用了“jQuery（'#button2'）.attr（'disabled'，'disabled'）；”但它会使整个操作的按钮禁用。首先，如果您仍然有问题，您不应该将问题标记为已回答。我为你的问题做了一个非常简单的脚本：检查这个，所有这一切都是添加一个点击事件，它对图像后面的锚没有任何作用。按下按钮时，图像的不透明度设置为1，光标也设置为指针，单击事件将被删除。这将导致一个工作按钮。您还可以使用第二个按钮，通过调用函数再次启用它。。希望对您有所帮助。$（“#btn”）.off（'click'）；它不起作用。程序被终止，并且不执行下一个statement。我找不到这个问题。

jQuery(document).ready(function() {
    var $button1 = jQuery('#button1');
    var $button2 = jQuery('#button2').attr('disabled', 'disabled');

    $button1.click(function() {
        if ($button2.is(':disabled')) {
            $button2.removeAttr('disabled');
        } else {
            $button2.attr('disabled', 'disabled');
        }
    });

    $button2.click(function() {
        alert('button2 - click');
    });
});​