使用函数在javascript中定位div id
我会马上开始的,我是个新手 我有一个在jQuery上运行的幻灯片,其中也包含基于文本的内容(我们将此滑块称为“主滑块”)。当您浏览时,内容会发生变化(显然)。我想做的是把另一个较小的滑块,我们称之为“辅助滑块”放在主滑块上的一个较大的幻灯片中,以展示一些照片内容 我有问题 我可以让辅助滑块与主滑块在同一页面上工作,但当我将其“嵌入”到主滑块中时,会遇到问题。我确信这与插件针对div的方式有关。以下是标记:使用函数在javascript中定位div id,javascript,jquery,dom,Javascript,Jquery,Dom,我会马上开始的,我是个新手 我有一个在jQuery上运行的幻灯片,其中也包含基于文本的内容(我们将此滑块称为“主滑块”)。当您浏览时,内容会发生变化(显然)。我想做的是把另一个较小的滑块,我们称之为“辅助滑块”放在主滑块上的一个较大的幻灯片中,以展示一些照片内容 我有问题 我可以让辅助滑块与主滑块在同一页面上工作,但当我将其“嵌入”到主滑块中时,会遇到问题。我确信这与插件针对div的方式有关。以下是标记: <div id="img4" class="ctnsec"> <
<div id="img4" class="ctnsec">
<div class="slidecontent">
<div class="graphicleft">
<ul>
<li style="float:left;line-height:55px;">
<p class="topcopy">GRAPHIC DESIGN</p>
</li>
<li style="float:left;padding-left:100px;line-height:38px;">
<p class="botcopy">SEE THE DIFFERENCE</p>
</li>
</ul>
<div class="clearme"></div>
<p>Lorum Ipsum</p>
</div>
<!--graphicleft-->
<div id="banner-slide">
<ul class="bjqs">
<li>
<img src="images/logos/crust.png" alt="under the crust" title="under the crust" />
</li>
<li>
<img src="images/logos/space_la.png" alt="space la" title="space la" />
</li>
<li>
<img src="images/logos/black_cat.png" alt="the black cat" title="the black cat" />
</li>
<li>
<img src="images/logos/sia.png" alt="social investment advocates" title="social investment advocates" />
</li>
</ul>
</div>
<!--banner-slide-->
</div>
<!--slidecontent-->
</div>
<!--img4-->
好的,你看到插件是如何用一个类“BJQ”来定位“banner slide”的div id的吗?我需要知道如何告诉插件我需要定位那些相同的东西,但是在div id“img4”内。有没有一个简单的方法来实现这一点
提前谢谢你的帮助,我真的很感激
-帕特里克你可以说
$('#img4 #banner-slide').bjqs({
animtype: 'slide',
height: 300,
width: 400,
responsive: true,
randomstart: true
});
话虽如此,您使用的是横幅侧的ID,因此使用子选择器没有意义,因为只能有一个横幅幻灯片。如果您有多个
元素,这是无效的HTML,因为ID必须是唯一的。您应该改为使用类,
然后,您可以针对它:
$("#img4 .banner-slide .bjqs").bxSlider( { ... });
该方法的名称是
.bxSlider()
,而不是.bjqs
——您似乎混淆了
在CSS选择器中表示类以及在Javascript/jQuery中调用方法的用法。请正确格式化您的代码,不需要在左侧使用所有空格(水平滚动是不好的)。”我需要知道如何告诉插件,我需要针对那些相同的东西,但在div id“img4”内。“这是否意味着您有多个具有相同ID的元素?ID必须是唯一的!不,我知道id必须是唯一的。我只在那个地方用。我只是遇到了一个插件无法识别位置的问题,因为它位于父div中。但我现在意识到这并不重要。不知道我现在能做什么。我需要一个解决方案来将滑块放入滑块中。我不熟悉该插件,我以为他只是在构建选择器时遇到了问题。感谢Barmar的建议,但我似乎有一个更大的问题。我需要找到一个解决方案,将滑块放入滑块中。滑块插件在没有嵌入“主滑块”的情况下在同一页面上工作,因此我不确定此时我的选项是什么……我明白了,所以我似乎有一个更大的问题。我试了两种答案,但都不起作用。在滑块中放置滑块肯定是个问题。我想知道是否有解决办法。。。
$("#img4 .banner-slide .bjqs").bxSlider( { ... });