我如何创建一个函数来改变标题横幅时，使用jQuery的标签

我有3个默认的jquery标签加载外部内容。我如何创建一个函数来改变标题横幅时，使用jQuery的标签

但是我需要下面的添加/绑定，并想知道如果有人可以帮助我解决这个问题;

藏汉作为装载每个选项卡的内容，我需要一个不同的标题横幅显示（该选项卡的outsude countainer..so我基本上称为#bannerAd一个id）被选择每个选项卡时。
编码进行设置，以便用户可以直接从页面外链接到每个选项卡（每个条幅应该acordingly加载。）

我真的希望这是有道理的，希望有人能帮助。

<script type="text/javascript"> 
$(function(){ 

    // Tabs 
    $('#tabs').tabs(); 
    //hover states on the static widgets 
    $('#dialog_link, ul#icons li').hover(
    function() { $(this).addClass('ui-state-hover'); }, 
    function() { $(this).removeClass('ui-state-hover'); } 
    ); 

    }); 
    </script> 
    </head> 
    <body> 

    <!-- Tabs --> 
    <h2 class="demoHeaders"></h2> 
    <div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">First</a></li> 
    <li><a href="#tabs-2">Second</a></li> 
    <li><a href="#tabs-3">Third</a></li> 
    </ul> 
    <div id="tabs-1">Lorem ipsum dolor</div> 
    <div id="tabs-2">Phasellus mattis tincidunt nibh.</div> 
    </div>

来源

2012-02-08 user1106295

你也可以把数据 - 属性，每一个标签页。

<li><a href="#tabs-1" data-bannerurl="banner1.png">First</a></li> 
<li><a href="#tabs-2" data-bannerurl="banner2.png">Second</a></li> 
<li><a href="#tabs-3" data-bannerurl="banner3.png">Third</a></li>

然后在你的jQuery

$("#tabs li a").click(function() { 
    var bannerUrl = $(this).data().bannerurl; 
    $("#bannerAd").attr("src", bannerUrl); 
});

活在这里的行动：http://jsbin.com/iquluz/5/edit#javascript,html,live

来源

2012-02-08 20:00:14

似乎不错，但是当我编译页面时不显示横幅。 ..虽然没有显示错误：s – user1106295 2012-02-08 20:14:08

刚刚更新w/a生活在行动片段，http://jsbin.com/iquluz/3/edit。让我知道你是否有任何关于你在那里找到的代码的问题。 – 2012-02-08 20:24:22

多数民众赞成在伟大的伊恩，但是我需要的横幅自动填充任何选项卡，你现在是一个，现在的显示，但我需要加载哪个默认选项卡加载....希望是有道理的。 – user1106295 2012-02-08 20:33:37

喜欢的东西，这可能是最简单的事情：

$("#tabs li a").click(function() { 

switch($("this").attr("href")) { 

case "#tabs-1": 
//Load First Banner 
break; 

case "#tabs-2": 
//Load Second Banner 
break; 

case "#tabs-3": 
//Load Third Banner 
break; 

} 

});

这将基本建立起click事件上，将随时解雇任何一个获得点击的按钮。然后它会确定哪个按钮被点击并相应地更改标题。

而且你会希望把它放在你的$(function()

来源

2012-02-08 19:32:36

不幸的是我得到一个错误： 'HREF' 是undefiened – user1106295 2012-02-08 19:58:20

废话，作出这样的 “href” – 2012-02-08 20:01:49

我如何创建一个函数来改变标题横幅时，使用jQuery的标签

回答

相关问题