jquery .attr（ "disabled"、 "disabled"）を使用してこの入力を無効にするにはどうすればよいですか

Question

私はコードをテストしましたが、他の入力で動作しますが、何らかの理由でこの入力が機能しません。

<%= f.autocomplete_field :tag_list, autocomplete_tag_name_photos_path, :"data-delimiter" => ', ', 'data-auto-focus' => true, :id_element => '#tag_element' %> 

ソースコード：

<input data-delimiter=", " data-auto-focus="true" data-autocomplete="/photos/autocomplete_tag_name" data-id-element="#tag_element" type="text" name="photo[tag_list]" id="photo_tag_list" class="ui-autocomplete-input" autocomplete="off"> 

スクリプト

$(document).ready(function(){ 
    $('.glyphicon-plus').on("click", function(){ 
    if($(window).width() > 768) { 
     console.log 
     $('???').attr("disabled", "disabled") 
    } 
    }); 
}); 

入力 jquery autocomplete

レールコードを使用rails-jquery-autocomplete gemを使用します210

私は試してみました：#photo_tag_list、＃tag_element、＃photo.tag_list.ui-autocomplete-input、＃photo_tag_listを入力してください。

Answer 1

TRy次のコード。

$(document).ready(function(){ 
    $('.glyphicon-plus').on("click", function(){ 
    if($(window).width() > 768) { 

     $('#photo_tag_list').attr('readonly', true);// IF JQUERY 1.9+ $('#inputId').prop('readonly', true); 
    } 
    }); 
}); 

理由：入力タイプテキストは、我々がreadonly属性を使用する必要が無効になって入力タイプテキストを作るために、無効になっセンターサポートしません。

Answer 2

HTML要素のクラスはui-autocomplete-inputです。私は、リスナーがglyphicon-plusクラスのために接続されているので、jsコードが間違っていると思います。

私はあなたを助けてくれるでしょう！