ロード私は動的にjQueryの「超大型」の画像スライダーにAJAXを経由してイメージをロードしようとしている

Question

jQueryの特大サイズのプラグインへのAJAXを介した画像：http://buildinternet.com/project/supersized/は

AJAX呼び出しが精細な画像を置き換えますが、再生ボタンは、応答しなくなります、その後の呼び出しはスライド間隔のタイミングを乱します（スライドが速く変化します）。

同様の質問here（同じコード）に記載されているすべての回答（運がない）を試しました。彼らはそれが拘束力のある問題であると示唆した。だから、HTMLで

：

<a href="javascript:brown();">Doeet</a> 

Ajax呼び出し：

function red(){ 
    $.ajax({ 
    url: 'ajax.php?action=brown', 
    success: function(data){ 
    $('#script').html(data); 
    } 
    }) 
} 

Ajax.php：

<?php switch($_GET["action"]){ 
    case "brown": 
    echo "<script type='text/javascript'> 
    jQuery(function($){ 
    $('#supersized').html(''); 
     $.supersized({   
      slides : [{image : 'image1.jpg'}, 
         {image : 'image2.jpg'}] 

      });  
    });</script>"; 
    break; } 
?> 

Answer 1

送信するために全体のJavaScriptコードを渡すためにしようとしないでください。

function red(){ 
    $.ajax({ 
    url: 'ajax.php?action=brown', 
    success: function(data){ 
     if (data != "") { 
     $('#supersized').html(''); 
     $.supersized({   
      slides : [{image : data}], 
      .... 
     }); 
     } 
    } 
    }) 
} 

PHP：uのみが必要なのparamsを送信

<?php 
switch($_GET["action"]){ 
    case "brown": 
    echo "imagename.jpg"; 
    break; 
} 
?> 

をし、応答を

• http://api.jquery.com/jQuery.parseJSON/
• http://api.jquery.com/click/