gpt4 book ai didi

javascript - 使用 JQuery is() 改变背景图像

转载 作者:行者123 更新时间:2023-11-30 17:43:02 25 4
gpt4 key购买 nike

基本上,我尝试在每个选项卡上单击不同的选项卡来更改页面的背景图像。我尝试使用条件语句和 is() 函数来识别特定选项卡,但我没有运气。这是可行的,还是我遗漏了什么? P.S.:我使用的是 jQuery 1.6.4。

HTML

  <body>
<div id='pizza'>
<div id='menu'>
<h1><p id='menuheading'>Menu</p></h1>
<div class='tabbedmenu'>
<ul class='tabs'>
<li class='selected' id='pizzatab'>Pizza</li>
<li id='sandwichestab'>Sandwiches</li>
<li id='appetizerstab'>Appetizers</li>
<li id='saladstab'>Salads</li>
<li id='beveragestab'>Beverages</li>
</ul>
</div>
<div class='page' id='pizzatab' style='display:block'>
<p>yo</p>
</div>
<div class='page' id='sandwichestab' style='display:none'>
<p>hi</p>
</div>
<div class='page' id='appetizerstab' style='display:none'></div>
<div class='page' id='saladstab' style='display:none'></div>
<div class='page' id='beveragestab' style='display:none'></div>
</div>
</div>
</body>
</html>

jQuery

$(document).ready(function () {
$('.tabs li').click(function () {
if ($(this).is('#sandwichestab')) {
$('#pizza').css('background-image', 'url(http://hoagiexpress.tripod.com/sitebuildercontent/sitebuilderpictures/hoagies.jpg)');
}
});
});

最佳答案

你也可以这样做

$(this).attr('id') == 'sandwichestab'

在你的点击函数中

您的原始代码也可以正常工作检查 http://jsfiddle.net/raunakkathuria/46m5k/

关于javascript - 使用 JQuery is() 改变背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20673109/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com