IsotopeとInstagram Jqueryプラグイン - jQueryのクリック機能内でテキスト入力val（）を動的に更新する

Question

Instagramクエリプラグインを使用してページに写真をロードし、Jquery Isotopeを使用してレイアウトを行うコードを作成しています。私は、ハッシュ名でタグ付けされたそれらのイメージを読み込むテキスト入力にハッシュ名を入力する機能を必要とすることを除いて、それを動作させます。画像をロードするボタンがあります。私はテキスト入力を初めて入力するとうまくいきますが、テキスト入力が変わったときにボタンクリック機能で更新するハッシュを取得できません。私はこれの代理人を使用する必要がある場合は私は思っていますか？どんな助けもありがたいです 私は初心者のjqueryコーダーですので、私のコードは微調整が必​​要です。

$(function(){ 

var selectedHash = $("input:text[name=hash]").val();  
var insta_container = $(".instagram"), insta_next_url; 

insta_container.instagram({ 
    hash: selectedHash, 
    clientId : '4cc3fc9df774483cb575b405f3c1cc21', 
    show : 10, 
    locationId: '', 
    onComplete : function (photos, data) { 
    var insta_next_url = data.pagination.next_url; 
    $(function(){ 
    $('div.instagram').imagesLoaded(function(){ 
    $(this).isotope({ 
     itemSelector : '.item', 
     masonry: { 
    columnWidth: 170 
    } 
    }); 
    }); 
     });  
    } 
    }); 

$('button.add').bind('click', function(){ 
    var button = $(this); 
    var selectedHash = $("input:text[name=hash]").val();  
    insta_container.instagram({ 
     next_url : insta_next_url, 
     hash: selectedHash, 
     clientId : '4cc3fc9df774483cb575b405f3c1cc21', 
     show : 10, 
     onComplete : function(photos, data) { 
     insta_next_url = data.pagination.next_url; 

     var $newItems = $(insta_next_url); 
    $('div.instagram').prepend($newItems).isotope('reloadItems').isotope({ sortBy: 'original-order' }); 
    } 
    }); 
}); 



}); 

Answer 1

これは1つの問題です。

var selectedHash = $("input:text[name=hash]").val(); 

... ...

var selectedHash = $("input[name='hash']").val();