Twitter bootstrap 引导转盘在面板之间传递数据

Twitter bootstrap 引导转盘在面板之间传递数据,twitter-bootstrap,carousel,Twitter Bootstrap,Carousel,请有人给我一个提示我下面的问题。谢谢 我正在尝试创建动态引导转盘面板。 基本上,我在carousel中有两个项目,基于在第一个面板上单击的按钮,我希望在第二个面板中动态加载内容。下面是示例 HTML 第一小组 第二小组 CSS .carousel、.item{ 宽度:100%; 高度:200px; 背景色:F0; 边框:1px实心F0; 文本对齐:居中; } 根据在第一个面板上单击Click1还是Click2,我想在第二个面板上加载文本Second Panel-Click1或Second Pan

请有人给我一个提示我下面的问题。谢谢

我正在尝试创建动态引导转盘面板。 基本上,我在carousel中有两个项目,基于在第一个面板上单击的按钮,我希望在第二个面板中动态加载内容。下面是示例

HTML

第一小组 第二小组 CSS

.carousel、.item{ 宽度:100%; 高度:200px; 背景色:F0; 边框:1px实心F0; 文本对齐:居中; } 根据在第一个面板上单击Click1还是Click2,我想在第二个面板上加载文本Second Panel-Click1或Second Panel-Click2


一个选项是在点击按钮时设置一个全局变量,但这个选项并没有那个么令人印象深刻。有没有更好的在转盘面板之间传递数据的方法?。谢谢。

先简单解决方案-为什么不添加第三个面板

第一小组 第二个面板-单击1 第二个面板-单击2 如果确实需要,可以实现自己的数据幻灯片功能,以便捕获引发事件的项。将数据幻灯片替换为数据自定义幻灯片

然后使用您自己的实现通过处理单击事件来移动旋转木马。下面是我们自己实现中的数据幻灯片的关键部分的克隆:

$'.carousel[数据自定义幻灯片]'。单击函数{ var$carousel=$$this.attr'href'; var newIndex=$this.data'custom-slide-to'; $carousel.carouselnewIndex; }; 然后添加您想要更新新幻灯片的任何代码。例如:

var buttonText=$this.html; var slide=$carousel.find.item[newIndex]; $h4,slide.htmlFrom-+按钮文本;
谢谢Kyle,很好的解决方案。解决方案1:基本上,我在第一个面板中有数百个这样的按钮,所以不能有那么多的面板。但是定制事件的第二个解决方案似乎非常适合我的要求..好主意。请让我知道任何其他解决方案也:。。非常感谢。