0

我正在构建一个 web 应用程序，它在移动浏览器中将包含两个视图（A 和 B），用户可以在它们之间滑动。在较大的屏幕上，两个视图将并排放置。

我正在使用 iosSlider 创建滑动效果。

我想做的是使用一些输出A和B的命令，例如两个函数只输出一个很长的字符串，这样我就可以写类似的东西

if mobile:
    <slider-construction>
        <slide1> funk_A() </slide1>
        <slide2> funk_B() </slide2>
    </slider-construction>  
else:
    <div>funk_A()</div>
    <div>funk_B()</div>

我做事是否明智？我意识到另一种方法是使用一些允许我禁用它的滑动脚本，以便幻灯片简单地并排放置（看起来 iosSlider 似乎没有该功能？）。我尝试简单地将 A 和 B 放在单独的 .html 文件中，并使用 embed-command 将它们放在幻灯片中，但这似乎禁用了滑动效果。使用 document.write() 或任何类似的东西（例如幻灯片的 innerHTML）也是相当不切实际的，因为这些函数当时只假设一行代码。

谢谢你 ：）

4

1 回答 1

0

我找到了 3 种不同的解决方案：

HTML 解决方案：

“包含”命令

采用

<!--#include virtual="/directory/included.html" -->

并将父文件的结尾更改为.shtml。

iosSLider-解决方案：

幻灯片宽度

如果幻灯片的总宽度小于滑块的宽度，则它们将自动彼此相邻放置。这在 iosSlider 附带的基准测试的最后一个示例中得到了证明。

销毁方法

也可以简单地禁用滑块，使用调用

$(".iosSlider").iosSlider("destroy");

请注意，此处的“.iosSlider”与用于启动 iosSlider 的定义相同，也就是调用：

$('.iosSlider').iosSlider({
                (options)
            });

在这种情况下，幻灯片将被视为 div（尽管仍具有格式，例如宽度和高度，就像在滑块处于活动状态时应用的那样）。

于 2013-03-04T20:41:49.060 回答