在加载 div 时更改 IMG 的 jQuery 代码

Question

我正在使用 Flowplayer 选项卡 (http://flowplayer.org/tools/demos/tabs/index.html)，经过一些研究，您似乎无法使用一组选项卡来更改两个不同的内容面板。

在我的页面上是一个大横幅图像，下面是选项卡，下面是内容容器。单击选项卡会在内容容器中的不同 div 之间切换。如何获取内容容器外部的横幅图像，以根据选择的选项卡进行更改？我是否认为每个选项卡可以在其 div 标签开始后立即包含一些 jQuery 代码，这会在 div 加载后立即更改横幅图像？

非常感谢，我仍然在研究 jQuery，所以希望这是一些基本的东西......！

Answer 1

你可以这样做

   $("#example").tabs(".panes > div", {
      onClick : function(e, index) { 
            switch(index) {
              case 1:
                   // first tab 
                   $('#banner-img').attr('src', 'images/img1.png');
                   break;
                  case 2:
                   //second tab
                   $('#banner-img').attr('src', 'images/img2.png');
                   break; 
           }
     }
    });