从 JavaScript 函数启动 jquery Facebox?

发布于 2024-09-18 06:57:33 字数 1309 浏览 6 评论 0原文

我在函数内部使用它,

document.getElementById("DeleteConfirmationdiv").style.display = 'block';

现在我想使用 jQuery Facebox 启动这个 DeleteConfirmationdiv 插件。是否可以?

到目前为止,我一直在使用这样的facebox,

$(document).ready(function($) {
    $.facebox.settings.opacity = 0.2;
    $('a[rel*=facebox]').facebox();
});

我的页面有这个,

<a id="signin" href="#signindiv" rel="facebox">
   <img alt="" src="Css/images/Sign in.png" height="19" width="59" />
</a>

我尝试了这个,但它不起作用,

function showDisplaydiv() {
    $.facebox.settings.opacity = 0.2;
    $('#ConfirmationPanel').facebox();
    //document.getElementById("ConfirmationPanel").style.display = 'block';
    document.getElementById("datatable").style.display = 'block';
    document.getElementById("ImageButtonDiv").style.display = 'block';
    document.getElementById("adddiv").style.display = 'none';
    return false;
}

我从一个按钮调用这个函数,

 <asp:Button ID="Delete" runat="server" CssClass="deletebuttons" 
 OnClientClick="javascript:return(Deleteyuitable()&&showDisplaydiv(''));"
onfocus="this.blur();" Text="" />

I use this inside a function,

document.getElementById("DeleteConfirmationdiv").style.display = 'block';

now I want to launch this DeleteConfirmationdiv using the jQuery Facebox plugin. Is it possible?

Thus far I've been using facebox like this,

$(document).ready(function($) {
    $.facebox.settings.opacity = 0.2;
    $('a[rel*=facebox]').facebox();
});

and my page has this,

<a id="signin" href="#signindiv" rel="facebox">
   <img alt="" src="Css/images/Sign in.png" height="19" width="59" />
</a>

I tried this but it doesn't work,

function showDisplaydiv() {
    $.facebox.settings.opacity = 0.2;
    $('#ConfirmationPanel').facebox();
    //document.getElementById("ConfirmationPanel").style.display = 'block';
    document.getElementById("datatable").style.display = 'block';
    document.getElementById("ImageButtonDiv").style.display = 'block';
    document.getElementById("adddiv").style.display = 'none';
    return false;
}

i call this function from a button,

 <asp:Button ID="Delete" runat="server" CssClass="deletebuttons" 
 OnClientClick="javascript:return(Deleteyuitable()&&showDisplaydiv(''));"
onfocus="this.blur();" Text="" />

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

狠疯拽 2024-09-25 06:57:37

我已经让它工作了,

$(function(){
    $.facebox({ div: '#box' });
});

只是这样做了,

function showDisplaydiv() {
    $.facebox.settings.opacity = 0.2;
    $.facebox({ div: '#ConfirmationPanel' });
    //document.getElementById("ConfirmationPanel").style.display = 'block';
    document.getElementById("datatable").style.display = 'block';
    document.getElementById("ImageButtonDiv").style.display = 'block';
    document.getElementById("adddiv").style.display = 'none';
    return false;
}

I ve got it to work,

$(function(){
    $.facebox({ div: '#box' });
});

Just did this,

function showDisplaydiv() {
    $.facebox.settings.opacity = 0.2;
    $.facebox({ div: '#ConfirmationPanel' });
    //document.getElementById("ConfirmationPanel").style.display = 'block';
    document.getElementById("datatable").style.display = 'block';
    document.getElementById("ImageButtonDiv").style.display = 'block';
    document.getElementById("adddiv").style.display = 'none';
    return false;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文