循环 Div 个 ID 来制作轮播 (jquery)

Question

我的网站有一系列 DIV 的信息。目前我正在使用 cycle2 插件，所有 DIV 都在一个 html 文件中。我喜欢这种效果，但我想将它们分成不同的页面，以供 SEO 和未启用 JS 的人使用。我最初尝试有一个中央 DIV，然后是一个备用的，当按下 'next' 或 'previous' 按钮时，我使用 .load 来获取新 [=27= 的内容]，然后在它们之间滑动。但是，这失败了，因为下一张幻灯片需要时间来加载。

现在我正在尝试一种稍微不同的方法，左侧 div、中间 div 和右侧 div，两侧在页面加载时使用 .load，因此它们单击 link 时准备就绪。但是，为了不止一次工作，我需要能够切换这些 DIV 的 ID，因此如果按下 'next' 按钮，中间的 div 会向左移动，右边 div 到中间，左边 div 到右边。

我知道直接更改它们将不可避免地意味着多个 DIV 具有相同的 ID，所以我正在尝试一个中间人，如下所示：

$("#divright").css('id','divleftnew');  
$("#divleft").css('id','divmiddlenew'); 
$("#divmiddle").css('id','divrightnew');    
$("#divrightnew").css('id','divright'); 
$("#divleftnew").css('id','divleft');   
$("#divmiddlenew").css('id','divmiddle');

然而，这似乎没有效果 - 影响 DIV 的后续代码将影响最初命名的，而不是新的。

如果有人对如何循环 ID 或更好的解决方案有任何想法，我将不胜感激:)

Answer 1

尝试使用属性

$("#divmiddlenew").attr('id','divmiddle');

循环 Div 个 ID 来制作轮播 (jquery)

Cycle Div ID's to make carousel (jquery)

css

jquery

carousel