Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用函数在javascript中定位div id_Javascript_Jquery_Dom - Fatal编程技术网

使用函数在javascript中定位div id

使用函数在javascript中定位div id,javascript,jquery,dom,Javascript,Jquery,Dom,我会马上开始的,我是个新手 我有一个在jQuery上运行的幻灯片,其中也包含基于文本的内容(我们将此滑块称为“主滑块”)。当您浏览时,内容会发生变化(显然)。我想做的是把另一个较小的滑块,我们称之为“辅助滑块”放在主滑块上的一个较大的幻灯片中,以展示一些照片内容 我有问题 我可以让辅助滑块与主滑块在同一页面上工作,但当我将其“嵌入”到主滑块中时,会遇到问题。我确信这与插件针对div的方式有关。以下是标记: <div id="img4" class="ctnsec"> <

我会马上开始的,我是个新手

我有一个在jQuery上运行的幻灯片,其中也包含基于文本的内容(我们将此滑块称为“主滑块”)。当您浏览时,内容会发生变化(显然)。我想做的是把另一个较小的滑块,我们称之为“辅助滑块”放在主滑块上的一个较大的幻灯片中,以展示一些照片内容

我有问题

我可以让辅助滑块与主滑块在同一页面上工作,但当我将其“嵌入”到主滑块中时,会遇到问题。我确信这与插件针对div的方式有关。以下是标记:

<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( { ... });