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

さて、ここで 1 つの問題があります。

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

...はず...

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