脚本不适用于引用组件的第二个实例

关键词：

【中文标题】脚本不适用于引用组件的第二个实例【英文标题】：Script not working for second instance of referenced component 【发布时间】：2012-09-28 22:22:12 【问题描述】：

我有一个脚本用来旋转无序列表 (LI) 中的图像。如果页面上只有一个引用类的实例，则脚本可以正常工作。但是，如果我有 2 个旋转组件实例，则第二个实例不会响应。

我认为解决方案是让脚本继续运行，直到第二个旋转器得到它，但我不确定。我尝试了几次修改，但没有成功。当前脚本如下：

function theRotator() 
    //Set the opacity of all images to 0
    $('div.rotator ul li').css(opacity: 0.0);

    // Remove images that only show in main-content
    $('div.rotator ul li.page-only').remove();

    //Get the first image and display it (gets set to full opacity)
    $('div.rotator ul li:first').css(opacity: 1.0);

    //Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
    setInterval('rotate()',4000);


function rotate()  
    //Get the first image
    var current = ($('div.rotator ul li.show')?  $('div.rotator ul li.show') : $('div.rotator ul li:first'));

    if ( current.length == 0 ) current = $('div.rotator ul li:first');

    //Get next image, when it reaches the end, rotate it back to the first image
    var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div.rotator ul li:first') :current.next()) : $('div.rotator ul li:first'));

    //Un-comment the 3 lines below to get the images in random order

    //var sibs = current.siblings();
    //var rndNum = Math.floor(Math.random() * sibs.length );
    //var next = $( sibs[ rndNum ] );


    //Set the fade in effect for the next image, the show class has higher z-index
    next.css(opacity: 0.0)
    .addClass('show')
    .animate(opacity: 1.0, 500);

    //Hide the current image
    current.animate(opacity: 0.0, 1000)
    .removeClass('show');

;
setTimeout(function()
    $(document).ready(function()       
        //Load the slideshow
        theRotator();
        $('div.rotator').fadeIn(500);
        $('div.rotator ul li').fadeIn(500); // tweek for IE
    );
, 500);

【问题讨论】：

【参考方案1】：

您可能需要将选择器中的:first 替换为:first-child。 :first 的行为类似于 .first() 并且只选择一个元素，而 :first-child 的行为类似于其 CSS 等效项。

【讨论】：

好建议。然而，这种改变似乎并没有做任何事情。我认为“：”首先消除了 .first() 的行为。 您能否在jsfiddle.net 提供您的代码的功能示例，以便我们看看它在做什么？ 我用:first-child 替换了:first 的所有实例，它似乎工作正常。 jsfiddle.net/mblase75/xjuah -- 另请注意，我更改了您的 setInterval 呼叫以正常工作。 非常感谢！我刚刚注意到另一个相关问题。如果第二个旋转器的 LI 比第一个旋转器多，则第一个旋转器停止，直到第二个旋转器完成其旋转。请参阅我的更新示例，您的更改在这里实现：jsfiddle.net/trobbins26/5U4Cr/17 这可能需要重新考虑您的程序流程。考虑为每个旋转器使用单独的setInterval。如果您仍然遇到问题，请尝试尽可能简化您的代码并发布一个单独的问题。

uitableview didselectrowatindex 仅适用于第一个表视图而不适用于同一视图控制器中的第二个表视图？

】uitableviewdidselectrowatindex仅适用于第一个表视图而不适用于同一视图控制器中的第二个表视图？【英文标题】：uitableviewdidselectrowatindexworksonlyforfirsttableviewnotwithsecondtableviewinsameviewcontroller?【发布时间】：2016-04-0812:38:21【问题描述... 查看详情

AdjustResize 不适用于第二个 EditText

】AdjustResize不适用于第二个EditText【英文标题】：AdjustResizenotworkingForSecondEditText【发布时间】：2019-01-2506:32:11【问题描述】：我在登录页面中有两个EditText。第一次只有一个可见。当我们打开Activity请求焦点到第一个EditText和下一... 查看详情

健全的草稿预览不适用于块内容

】健全的草稿预览不适用于块内容【英文标题】：Sanitydraftpreviewnotworkingwithblockcontent【发布时间】：2021-01-0905:54:11【问题描述】：我对博客创建体验进行了两次迭代。第一个由一系列不同的对象和文档类型组成，例如段落、图库... 查看详情

组合框级联效应不适用于不同的行(代码片段)

我在子窗体上有两个组合框。第一个组合框用于填充第二个组合框。这些放在表单的详细信息部分。我希望它们以这种方式工作：当我从第一个组合框中选择任何值时，我希望相同行的第二个组合框由相关值填充。截至目前，我... 查看详情

图/照片的第二个标题是 CSV 中列的值，但只有最后一个值用于所有照片

...tos【发布时间】：2020-09-1104:46:57【问题描述】：我有一个脚本，可以制作一张显示底图和地震发生地点的照片。所以1地震，1张照片。每个地块的第二个标题应该是地震的日期。但是，所 查看详情

JQuery.Dirty 字段不适用于第一个“updateFormState”，但适用于第二个

】JQuery.Dirty字段不适用于第一个“updateFormState”，但适用于第二个【英文标题】：JQuery.DirtyFieldsnotworkonfirst`updateFormState`butworkonsecond【发布时间】：2017-01-0703:23:14【问题描述】：使用jquery.dirtyFields在按钮单击时更新表单状态。它... 查看详情

joomla 组件不适用于我的主机帐户

】joomla组件不适用于我的主机帐户【英文标题】：joomlacomponentdoesnotworkonmyhostingaccount【发布时间】：2011-06-2321:34:19【问题描述】：我开发了一个自定义joomla1.5组件，它在本地运行良好（wamp服务器，php5.3.5）并且工具栏功能添加/编... 查看详情

MvcApplication 的第二个实例

】MvcApplication的第二个实例【英文标题】：SecondinstanceofMvcApplication【发布时间】：2012-07-1718:39:32【问题描述】：我正在尝试使用本文中描述的IoC实现MembershipProvider：http://bugsquash.blogspot.cz/2010/11/windsor-managed-membershipproviders.html但是... 查看详情

Python 中的 focus_set() 不适用于第二个窗口

】Python中的focus_set()不适用于第二个窗口【英文标题】：focus_set()inPythondoesnotworkonsecondwindow【发布时间】：2015-03-1615:50:54【问题描述】：getinput窗口出现在介绍窗口之后，应该关注入口空间，但没有。如果我跳过介绍窗口，那么焦... 查看详情

组合框级联效果不适用于不同的行

】组合框级联效果不适用于不同的行【英文标题】：comboboxcascadeeffectnotworkingfordifferentrows【发布时间】：2012-05-0317:16:18【问题描述】：我在一个子窗体上有两个组合框。第一个组合框用于填充第二个组合框。这些放置在表单的详... 查看详情

UIPickerView 选择的第一个组件决定第二个组件的内容不同步

】UIPickerView选择的第一个组件决定第二个组件的内容不同步【英文标题】：UIPickerViewwhereselected1stcomponentdecidescontentsof2ndcomponentisoutofsync【发布时间】：2019-10-1718:54:06【问题描述】：我的UIPickerView遇到了一些同步/图形更新问题。我... 查看详情

如何使用包含数组名称的第二个变量引用现有的 bash 数组？

】如何使用包含数组名称的第二个变量引用现有的bash数组？【英文标题】：HowcanIreferenceanexistingbasharrayusinga2ndvariablecontainingthenameofthearray?【发布时间】：2019-05-0302:39:00【问题描述】：我在发帖前搜索答案时最接近的最有帮助的匹... 查看详情

如何从第二个引用函数的第一个参数？ （蟒蛇2.7）

】如何从第二个引用函数的第一个参数？（蟒蛇2.7）【英文标题】：Howtoreferencefirstargumentoffunctionfromsecond?(python2.7)【发布时间】：2014-07-2200:03:52【问题描述】：假设我有一个这样的通用函数：defdo_thing(arg1,default=len(arg1)):假设arg1是... 查看详情

如何使用 shell/perl 脚本获取一个月的第二个星期六？ [关闭]

】如何使用shell/perl脚本获取一个月的第二个星期六？[关闭]【英文标题】：Howtogetsecondsaturdayofamonthusingshell/perlscript?[closed]【发布时间】：2016-07-0608:51:18【问题描述】：请提供脚本代码以找出一个月内的第二个星期六【问题讨论】... 查看详情

在运行时生成 args 并将其传递给使用 argparse 的第二个脚本

】在运行时生成args并将其传递给使用argparse的第二个脚本【英文标题】：Generatingandpassingargsatruntimetoasecondscriptthatusesargparse【发布时间】：2021-05-0702:50:30【问题描述】：我有一个使用argparse解析命令行参数的脚本(A)，我正在编写脚... 查看详情

v-bind:checked 不适用于所有组件实例

】v-bind:checked不适用于所有组件实例【英文标题】：v-bind:checkednotworkinginallcomponentinstances【发布时间】：2020-04-0214:05:38【问题描述】：这是我的收音机列表组件：<template><divclass="list"><divclass="radio"><inputtype="radio"name=... 查看详情

使用参数启动 c# 程序的第二个实例，程序的第一个实例使用该参数

】使用参数启动c#程序的第二个实例，程序的第一个实例使用该参数【英文标题】：Start2ndinstanceofac#programwithaparameter,whichthe1stinstanceoftheprogramuses【发布时间】：2011-02-1012:51:17【问题描述】：我有一个单实例程序，当它运行时我可... 查看详情

如何在 UIPickerView 的第一个组件中显示数据，直到第二个组件中特定行的开始？

】如何在UIPickerView的第一个组件中显示数据，直到第二个组件中特定行的开始？【英文标题】：HowtonotdisplaydatainfirstcomponentofUIPickerViewuntilthestartofspecificrowinsecondcomponent?【发布时间】：2017-04-0705:11:20【问题描述】：如果这与以下问... 查看详情