Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Swipebox-加载HTML而不是图像_Javascript_Jquery_Html_Lightbox - Fatal编程技术网

Javascript Swipebox-加载HTML而不是图像

Javascript Swipebox-加载HTML而不是图像,javascript,jquery,html,lightbox,Javascript,Jquery,Html,Lightbox,我选择作为我的灯箱,因为我想要的要求是,它在移动设备中是可滑动的,并且是响应性的 我主要用它来制作图像。然而,我有一个用例,我想使用Swipebox来显示HTML 这能做到吗 如果Swipebox不支持此功能,是否有其他选项支持我正在寻找的功能集(swipeable+responsive+可以显示HTML)?我找到了此功能(),但尚未尝试。它声称支持你所需要的 我找到了这个(),但我还没有试过。它声称支持你所需要的 可能您的CSS加载不正确 检查以确保您的头脑中有以下代码: <link r

我选择作为我的灯箱,因为我想要的要求是,它在移动设备中是可滑动的,并且是响应性的

我主要用它来制作图像。然而,我有一个用例,我想使用Swipebox来显示HTML

这能做到吗


如果Swipebox不支持此功能,是否有其他选项支持我正在寻找的功能集(swipeable+responsive+可以显示HTML)?

我找到了此功能(),但尚未尝试。它声称支持你所需要的

我找到了这个(),但我还没有试过。它声称支持你所需要的

可能您的CSS加载不正确

检查以确保您的头脑中有以下代码:

<link rel="stylesheet" href="source/swipebox.css"/>

希望这有帮助,
@_Sub

可能您的CSS加载不正确

检查以确保您的头脑中有以下代码:

<link rel="stylesheet" href="source/swipebox.css"/>

希望这有帮助, @_Sub

我使用选项“
afterOpen:function(){}
”清理
swipebox
的内容并将我的内容放在那里。这是我的密码:

var html = $('the HTML');

$('.swipebox').swipebox({
    afterOpen: function () {
        $('#swipebox-slider').empty();
        $('#swipebox-slider').append(html);
    }
});
我使用选项“
afterOpen:function(){}
”清理
swipebox
的内容并将我的内容放在那里。这是我的密码:

var html = $('the HTML');

$('.swipebox').swipebox({
    afterOpen: function () {
        $('#swipebox-slider').empty();
        $('#swipebox-slider').append(html);
    }
});

Swipebox可以显示内联内容。可能没有记录,但您可以在此问题答案中查看:


幻灯片1内容
幻灯片2内容

Swipebox可以显示内联内容。可能没有记录,但您可以在此问题答案中查看:


幻灯片1内容
幻灯片2内容

工作正常+1工作正常+1