0

我正在编写一些代码，这些代码使用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' });
    }
  });  
 });



});
4

1 回答 1

0

好吧，这是一个问题。

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

... 应该 ...

var selectedHash = $( "input[name='hash']" ).val();
于 2012-03-26T14:48:17.200 回答