キーアップ時にボタンattrを動的に変更します。

Question

私は検索に取り組んでいますが、現在検索アイコンで入力フィールドを切り替えています。デフォルトでは、アイコンはbutton要素の中にラップされているので、フォームを送信しません。

テキストが入力されているかどうかを確認してから、ボタンのタイプを変更して、アイコンの次のクリック時に送信します。

ここに私のコードは、これまで

// Mobile Search UI 
$(document).ready(function() { 
    $('.mobile-btn-search').click(function(){ 
    $('.mobile-input').toggle('slow'); 
    }); 

    $('.mobile-input').keyup(function(){ 
    if ($(this).val()) { 
     $('.mobile-btn-search').attr('type', 'submit'); 
    } 
    }); 
}); 

Answer 1

Working fiddleです。

あなたはおそらく、次のエラーを取得：

Uncaught Error: type property can't be changed

は、コンソールをチェックしてください。

代わり.prop()を使用する必要があります。

$('.mobile-btn-search').prop('type') 

は、この情報がお役に立てば幸いです。