2011-08-03 36 views
1

我在我的主页上使用了卓越的Zurb插件Orbit,我试图将子弹(通常在滑块下面)移动到页面上的不同位置(在这种情况下,该滑块上方的报头)jQuery Slider Orbit - 移动子弹

我尝试以下的代码:

jQuery('.orbit-header').append(jQuery('ul.orbit-bullets')); 

这消除了子弹,但它们不会出现。我不认为这是他们还没有生成,因为我试图把它放在幻灯片更改的功能,并没有帮助。

任何想法?

+0

您可以添加HTML或作出http://jsfiddle.net/的例子吗? – Awea

+0

http://jsfiddle.net/tallphil/mZYX9/4/ – tallphil

+0

他们出现在页面的下方,你能解释更多你的问题吗? – Awea

回答

3

可能是你需要修改CSS:

http://jsfiddle.net/Awea/mZYX9/10/

+0

我不太喜欢这种方法,因为它不是很灵活 - 例如,如果我改变标题中的文字,就会导致问题。但是,这确实有效。感谢@Awea! – tallphil

+0

另一种方法是编辑js以在想要将浮点值留下的位置插入子弹,例如 – Awea

0

试试这个:

.orbit-bullets { 
    display: table; 
    text-align: center; 
    top: -16px; 
} 
+0

谢谢 - 您的建议似乎适用于JSFiddle。可悲的是,这个问题是在两年前,并已经回答,该网站已经完成,并在当时甚至最近重新设计;) – tallphil

+0

我没有发明我的时间机器,直到一个星期前,所以我尽我所能这里有限的时间空间连续选项。安慰投票的好思想? –

+0

对不起,没有要求的代表。 – tallphil