javascript - HTML Kickstart 灯箱类

Answer 1

是的，我不知道问题是什么，但我找到了解决方法。

我只是在单击链接时调用一个 javascript 函数，该函数又调用一些 jQuery。

加载innerHTML的Javascript函数

function loadGoGo() 
{
    alert('Boo!');
    var link = document.getElementById("GoGo");
    link.innerHTML = "<table class='sortable'>" +
                    "<tr>" +
                        "<td>" +
                            "<a href='javascript:void(0);' onClick='javascript:showPopup();'>Boo Link</a>" +
                        "</td>" +
                    "</tr>" +
                "</table>";
}

HTML

<Button onClick="loadGoGo()" >Load Go Go Link</Button>
<div id="GoGo">
</div>

在灯箱中打开锚点的额外 Javascript 函数

function showPopup()
{
    $.fancybox({
        href            : 'reply.html',
        overlayOpacity  : 0.2,
        overlayColor    : '#000'
    });
}

Answer 2

那么可能你的css类有额外的选择器，它可能是

.parentClass .lightbox { /**css here*/}

正如我上面提到的问题是在css选择器中。更多信息阅读信息：基于关系部分的选择器。我不确定灯箱是如何工作的，但尝试在 A 的父元素上设置类让我们说 td 然后选择器

.lightbox a {styles here}

将起作用，这意味着该样式将应用于具有类灯箱的元素内的所有元素