Isotope und Instagram Jquery-Plugins - Aktualisieren einer Texteingabe val() dynamisch in einer jQuery-Klickfunktion

Question

Ich arbeite an einem Code, der das Instagram Query-Plugin zum Laden von Fotos in eine Seite und Jquery Isotope für das Layout verwendet. Ich habe es funktioniert außer, dass ich die Fähigkeit haben möchte, einen Hash-Namen in einer Texteingabe einzugeben, der jene Bilder lädt, die mit diesem Hash-Namen markiert sind. Ich habe einen Knopf, der die Bilder lädt. Es funktioniert großartig, wenn ich zum ersten Mal die Texteingabe eingebe, aber ich kann den Hash nicht in der Button-Klick-Funktion aktualisieren, wenn sich die Texteingabe ändert. Ich frage mich, ob ich Delegat dafür verwenden muss? Jede mögliche Hilfe würde geschätzt werden Ich bin ein Anfänger jquery Kodierer, also merke ich, dass mein Code etwas Feinabstimmung benötigt.

$(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

Nun, hier ist ein Problem.

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

... sollte ...

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