如何禁用该选项:在新选项卡中打开

How to disable the option: Open in new tab

本文关键字：选项新选项何禁用更新时间：2023-09-26

如何禁用选项：在新选项卡中打开

我异步加载的内容负责什么代码如下：

jQuery:

$(document).ready(function()
{
    init();
    $(window).resize(init);
    $('#floatMenu,#smallMenu').find('>a').click(function()
    {
        var t = this;
        $('#wynik').animate({opacity:0}, 'fast', function()
        {
            $(this).load(t.href, function()
            {
                $(this).animate({opacity:1}, 'fast');
            })
        });
        //$('#wynik').load(this.href);
        $(this).addClass('active').siblings().removeClass('active');
    }).first().click();
});

HTML:

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="list-group" id="smallMenu">
                <a href="text/bc/5" onclick="return false;" class="list-group-item active">TEXT</a>
                <a href="text/bc/1" onclick="return false;" class="list-group-item">TEXT</a>
                <a href="text/bc/2" onclick="return false;" class="list-group-item">TEXT</a>
                <a href="text/bc/3" onclick="return false;" class="list-group-item">TEXT</a>
                <a href="text/bc/4" onclick="return false;" class="list-group-item">TEXT</a>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3" id="menu-padding-top">
            <div class="list-group" id="floatMenu">
                <a href="text/bc/5" onclick="return false;" class="list-group-item active">TEXT</a>
                <a href="text/bc/1" onclick="return false;" class="list-group-item">TEXT</a>
                <a href="text/bc/2" onclick="return false;" class="list-group-item">TEXT</a>
                <a href="text/bc/3" onclick="return false;" class="list-group-item">TEXT</a>
                <a href="text/bc/4" onclick="return false;" class="list-group-item">TEXT</a>
            </div>
        </div>
        <div class="col-md-9">
            <div id="wynik">
                {* Here is content loading. *}
            </div>
        </div>                   
    </div>
</div>

我试着交换到（jQuery代码也是）和href到数据href-不起作用。

。。。尝试在.click()处理程序中添加preventDefault()。如果没有它，当您单击链接时，浏览器将导航到指向href属性的页面。

添加此行：

e.preventDefault();

在您的代码中：

$(document).ready(function()
{
    init();
    $(window).resize(init);
    $('#floatMenu,#smallMenu').find('>a').click(function(e)
    {
        e.preventDefault(); //ADD HERE
        var t = this;
        $('#wynik').animate({opacity:0}, 'fast', function()
        {
            $(this).load(t.href, function()
            {
                $(this).animate({opacity:1}, 'fast');
            })
        });
        //$('#wynik').load(this.href);
        $(this).addClass('active').siblings().removeClass('active');
    }).first().click();
});

现在您阻止加载新页面。javascript执行您的处理程序，而不会在新页面中重定向您。

一个例子。。。

只需在处理程序的第一行添加event.preventDefeult()函数，如下所示：

$('#floatMenu,#smallMenu').find('>a').click(function(event)
{
    event.preventDefault();
    var t = this;
    $('#wynik').animate({opacity:0}, 'fast', function()
    {
        $(this).load(t.href, function()
        {
            $(this).animate({opacity:1}, 'fast');
        })
    });
    //$('#wynik').load(this.href);
    $(this).addClass('active').siblings().removeClass('active');
}).first().click();