那些遇到过的问题

标签: shadowbox

JQuery'Aw Snap!' 在Chrome中,但不会崩溃任何其他浏览器

我在管理管理页面时遇到了一些困难,我不断在Chrome中获得"Aw Snap".

我有一个'商品'管理页面,您可以在其中添加新产品到网站.
如果用户选择"T恤"作为产品类型,则会显示一些新选项.即大小和颜色.

大小只是一个多选框,但单击"添加颜色"会初始化一个阴影框.

尺寸和颜色

Shadowbox表格

阴影框允许用户输入颜色的名称并选择十六进制颜色(通过Wheel Color Picker插件)并上传代表图像(通过Uploadify).提交时,Uploadify脚本上传文件,然后在完成时脚本通过JQuery AJAX将其他颜色信息发送到数据库.

提交按钮脚本:

function add_colour_submit(){
    $('#admin-add-colour-response').text('Processing...').fadeIn(1000);
    $('#admin-add-colour-image').uploadifySettings('scriptData', {
        'title': $('#admin-add-colour-title').val(),
        'hex': $('#admin-add-colour-hex').val(),
        'gender': $('#admin-add-colour-gender').val()
    });
    $('#admin-add-colour-image').uploadifyUpload();
}
Run Code Online (Sandbox Code Playgroud)

上传'完成':

'onComplete': function (event, ID, fileObj, response, data) {
    $("#admin-add-colour-response").fadeTo(200,0.1,function(){
        $("#admin-add-colour-response").html('Complete.').fadeTo(900,1,
            function()
            {
                var responseArray = response.split(',');
                var id = responseArray[0];
                var title = responseArray[1];
                var hex = responseArray[2];
                var gender = responseArray[3];
                parent.get_colour(id, title, hex, gender);
            });
        });
    }
Run Code Online (Sandbox Code Playgroud)

当AJAX操作完成时,反馈消息显示"完成".
在此之后,JQuery代码以编程方式关闭影子框,并在父页面上创建一个表示提交颜色的小div.

彩色Div有1种颜色

使用此方法添加多个的可能性.

彩色Div有2种颜色

获取颜色功能:

function get_colour(id, title, hex, gender){
    $('#sb-nav-close').click(); //trigger shadowbox …
Run Code Online (Sandbox Code Playgroud)

jquery google-chrome color-picker shadowbox uploadify

Dan*_*nly
2014 09-29
11
推荐指数
1
解决办法
8576
查看次数

在jquery函数调用之后,shadowbox停止工作

我有一个shadowbox脚本.当我加载页面时一切正常,但是当我调用此jquery加载函数然后尝试通过单击图像触发阴影框时,大图像将在新窗口中打开.这是代码:

<link href="CSS/main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"  src="shadowbox-3.0.3/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

<p id="compas"><a href="images/coverage.jpg" rel="shadowbox" title="Coverage map"></a></p>
Run Code Online (Sandbox Code Playgroud)

知道为什么会这样吗？

javascript jquery shadowbox

Igo*_*gor
lucky-day
8
推荐指数
1
解决办法
8191
查看次数

jQuery - Shadowbox重新绑定

如何使用AJAX将Shadowbox绑定/初始化为jQuery加载的内容？
现在,当我第一次进入网站时,shadowbox可以正常工作.

但是,当我使用通过AJAX加载的新内容交换内容时,这些新批量内容不会执行shadowbox弹出窗口,而只是重定向到内容.

我有Shadowbox.init(shadowbox_conf); 在成功但它似乎没有做的伎俩.

谢谢,
Tee

jquery shadowbox

tee*_*ink
lucky-day
6
推荐指数
1
解决办法
1951
查看次数

在Prettyphoto.js或Fancybox中...如何在标题中添加链接

救命!我正在为一个作家团队的网站工作.

他们希望通过使用shadowbox效果显示他们所使用的特定工作(投资组合)的示例.

一旦打开(在叠加中),实际上是.doc的屏幕截图的图片将有一个标题来粗略解释它.问题是,他们想要标题内的链接,以便用户可以将文件(.doc,.pdf)下载到他们的桌面或链接到他们已经处理过的另一个站点.

我已经成功地使用Fancybox,但链接包含在其中的方式显示悬停时的不良文本(浏览器黄色工具提示).

这是代码:

<a class="group" rel="portfolio"
 href="../../images/pf_nat/cfcBig.png" title="Rédaction de plus de 300 articles. <a href='http://www.groupecfc.com/fr-Ca/' target='_blank'>Visiter le site</a>"><img src="../../images/pf_nat/tn_nat_cfcBig.gif" alt="" width="40" height="40"/></a>
Run Code Online (Sandbox Code Playgroud)

在这种情况下,它是某个网站的链接.

jquery shadowbox fancybox

ive*_*ive
2017 09-13
5
推荐指数
1
解决办法
8000
查看次数

Shadowbox - 如何切换或替换内容？如何关闭并打开另一个对话框？

我试图在多种场合使用shadowbox:有时我碰巧需要同时使用多个对话框.

在这个简单的例子中,我尝试关闭一个现有窗口并重新打开另一个窗口,但不打开第二个窗口.我做错了什么？

<!DOCTYPE HTML>
<html>
<head>
    <link rel="stylesheet" href="shadowbox.css" type="text/css">
    <style type="text/css" media="screen">
        #sb-body, #sb-loading { background:#eee; }
    </style>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"></script>
    <script src="shadowbox.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript">

        Shadowbox.init();

        window.onload = function(){

            Shadowbox.open({
                content: 'First window. <a id="open-second" href="http://www.google.com">open another window</a>.',
                player: "html"
            });

            $('#open-second').live('click', function(e){
                e.preventDefault();

                Shadowbox.close();
                Shadowbox.open({
                    content: 'Second window.',
                    player: "html"
                });
            });
        };
    </script>
</head>
<body>blabla.</body>
</html>
Run Code Online (Sandbox Code Playgroud)

问候,
Adit

javascript jquery replace dialog shadowbox

Adi*_*ena
lucky-day
5
推荐指数
1
解决办法
2125
查看次数

如何自定义shadowbox.js rev标题？

我为shadowbox实现了一个使用'rev'内联标记的字幕解决方案.

在shadowbox.js中添加... 

...get("sb-caption").innerHTML=obj.link.rev||"";... 
...<div id="sb-caption"></div>...
Run Code Online (Sandbox Code Playgroud)

在shadowbox.css中,将以下内容添加到文件的底部... 

#sb-info,#sb-info-inner{height:56px;line-height:20px;} 
#sb-caption {clear:both;font-size:90%;height:auto;line-height:12px;color:#fff;}
Run Code Online (Sandbox Code Playgroud)

在你的页面标记中添加rev属性(是的,它是一个有效的属性,如rel!)到链接...标题文本进入rev属性... 

<a href="myimage.jpg" rel="shadowbox" title="My Image" rev="Your caption goes here...">My Image</a>
Run Code Online (Sandbox Code Playgroud)

就是这样......享受!

这里解释得更多:http://shadowbox.1309102.n2.nabble.com/Captions-td2643307.html

这是一个非常容易实现的事情.

但是,我创建了自己的CSS ...

#sb-caption{text-align:right;line-height:22px;color:#333;position:absolute;bottom:35px;right:35px;background:rgba(255,255,255,0.3);text-shadow: 1px 1px 1px #fff;display:block; padding:10px 20px 10px 50px;z-index:10;}
Run Code Online (Sandbox Code Playgroud)

这一切都很有效,但是,我发现了一个问题.

当图像没有转速时,#sb-caption div无论如何都会出现,作为一个半透明的白色块,大小为20x70像素(与填充相同)我明白我的填充设置是导致问题.

我想知道是否有人可以帮我解决问题.如果rev =""未指定,则告诉shadowbox不显示#sb-caption的东西.

任何人都可以想出一个解决方案.

沿着这些方向的东西也许？

<script type="text/javascript">
  Shadowbox.init({
  });
  var Shadowbox = window.parent.Shadowbox;
  if (getElementById('sb-caption').innerHTML == '')
  getElementById('sb-caption').style.display = 'none';
</script>
Run Code Online (Sandbox Code Playgroud)

......但是,这不起作用.

javascript css shadowbox

vit*_*y87
2012 10-16
5
推荐指数
1
解决办法
1690
查看次数

禁用除 DIV 元素之外的所有内容

我在 div 元素中有一个视频播放器。我想禁用除 DIV 之外的所有内容。一种方法是使用灯箱，但我想知道是否可以使用纯 HTML/Javascript 来实现。

html javascript shadowbox

kos*_*sta
lucky-day
5
推荐指数
1
解决办法
6716
查看次数

无法在react-native android中设置`ShadowColor`

环境

  • 环境：

    • 操作系统：macOS High Sierra 10.13.1
    • 节点：8.9.1
    • 纱：0.17.10
    • npm：5.6.0
    • 守望者：4.7.0
    • Xcode：Xcode 9.2 Build版本9C40b
    • Android Studio：2.3 AI-162.4069837

  • 软件包：（已安装）

    • 反应：16.0.0
    • 反应本机：0.51.0

重现步骤

运行此代码

import React, {Component} from 'react';
import {View, Text, TouchableOpacity} from 'react-native';
class App extends Component {
  render() {
    return (<View style={styles.container}>
      <View>
        <TouchableOpacity style={[styles.boxShadow, shadow]}>
          <Text style={styles.text}>LOGIN</Text>
        </TouchableOpacity>
      </View>
    </View>);
  }
}
const shadow = {
  shadowColor: '#30C1DD',
  shadowRadius: 10,
  shadowOpacity: 0.6,
  elevation: 8,
  shadowOffset: {
    width: 0,
    height: 4
  }
}
const styles = {
  container: {
    flex: …
Run Code Online (Sandbox Code Playgroud)

javascript android shadowbox reactjs react-native

Bha*_*tel
2017 12-16
5
推荐指数
1
解决办法
3839
查看次数

shadowbox 3.0.3

我想在谷歌浏览器中使用shadowbox 3.0.3

我正进入(状态:

在铬

shadowbox.js:17未捕获的TypeError:无法读取未定义的属性"样式"

在Firefox中

F未定义g.find =(function(){var aD = /((？:((？:( ...()}}; g.skin = k; T.Shadowbox = g})(窗口); shadowbox.js(第17行)

似乎在IE中运行良好

我的代码如下:

<!doctype html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
    <script src="shadowbox.js"></script>
    <link href="shadowbox.css" rel="stylesheet"/>
    <script>
        $(function() {
            Shadowbox.init({skipSetup: true});

            // open a welcome message as soon as the window loads
            Shadowbox.open({
                content:    '<div id="welcome-msg">Welcome to my website!</div>',
                player:     "html",
                title:      "Welcome",
                height:     350,
                width:      350
            });
        })
    </script>
</head>
<body>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

会造成什么？

javascript jquery shadowbox

Hai*_*ood
lucky-day
4
推荐指数
1
解决办法
8279
查看次数

如何使用ShadowBox在页面加载时打开内联div？

我想在页面加载时打开div.我粘贴的代码在ShadowBox库中给出了一个javascript错误:'container is undefined'

我怎样才能做到这一点？

$(document).ready(function () {

    Shadowbox.init({ skipSetup: true }); 
    Shadowbox.open({
        content: '#surveyDialog',
        player: 'inline',
        height: 450,
        width: 500
    });
});


<div id="surveyDialog" class="dialogWindowWrapper">
    <h2>Hello!</h2>
</div>
Run Code Online (Sandbox Code Playgroud)

jquery shadowbox

Kul*_*vis
lucky-day
4
推荐指数
1
解决办法
7733
查看次数

标签 统计

shadowbox ×10

jquery ×7

javascript ×6

android ×1

color-picker ×1

css ×1

dialog ×1

fancybox ×1

google-chrome ×1

html ×1

react-native ×1

reactjs ×1

replace ×1

uploadify ×1