通过AJAX加载图像到jQuery Supersized插件

Question

通过AJAX加载图像到jQuery Supersized插件

jqueryjquery-plugins

3

我正在尝试通过AJAX动态加载图片到jQuery“Supersized”图像滑块中：http://buildinternet.com/project/supersized/。

AJAX调用成功地替换了图像，但播放按钮变得无响应，并且随后的调用会干扰幻灯片间隔时间（幻灯片切换更快）。

我已经尝试了在类似问题这里提供的所有答案（相同代码），但都没有成功。他们认为这可能是一个绑定问题。

因此，在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; }
?>

- Nathan Waters

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- smo · Answer 1

不要试图传输整个 JavaScript 代码，只传输您需要的参数：

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

PHP：

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

并且可能使用