在div标签内加载HTML

Question

我正在制作一个幻灯片系统，其中将显示明显工作的上一个和下一个按钮。 但是，幻灯片将是单独的html文件，例如slide1.html，slide2.html。 Thickbox和其他插件在其中异步加载html。 什么是最好的方法来做到这一点。 我正在为整个过程编写一个jQuery插件。

我很喜欢JavaScript有经验的人的想法。

非常感谢。 感谢所有帮助。

Answer 1

不确定您要问什么。 使用load将HTML代码片段加载到div中非常简单：

$("selector_for_the_div").load("your_url");

示例（实时副本） ：

jQuery(function($) {

  var currentSlide = 0;
  var slides = [
    "http://jsbin.com/enuju4/",
    "http://jsbin.com/enuju4/2",
    "http://jsbin.com/enuju4/3"
    ];

  loadSlide(0);

  $("#btnNext").click(function() {
    loadSlide(currentSlide + 1);
  });

  $("#btnPrev").click(function() {
    loadSlide(currentSlide - 1);
  });

  function loadSlide(index) {
    if (index >= 0 && index < slides.length) {
      currentSlide = index;
      $('#slideHolder').load(slides[currentSlide]);
    }
  }

});

您可以缓存幻灯片，也可以仅依靠浏览器的缓存。 按钮启用/禁用，这样显然会很好...