Ulanish bilan boshqa tabni qanday ochish mumkin?

Men sahifada jquery-u-ni ishlatgan edim. Lekin, agar kimdir Tab1da "Menga bosing" tugmasini bosgan bo'lsa, u avtomatik ravishda uning uchun Tab2-ni ochadi. Menga "Menga cherting" linkini Tab2 opsiyasi bilan bir xil ishlaydigan ishlashni xohlayman. Buni qanday qilishim mumkin? Kodlari quyida berilgan

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Homepage</title>

  <link rel="stylesheet" href="css/jquery_ui.css">
  <link rel="stylesheet" href="css/index.css">

  <script src="js/jquery.js"></script>
  <script src="js/jquery_ui.js"></script>

  <script>

    $( function() {
    $( "#tabs" ).tabs();
    } );

  </script>

</head>

<body>

<div id="tabs">
  
  • Tab1
  • Tab2
  • Tab3
  • <div id="tab_one">

    Something about Tab1

    Click me

    </div> <div id="tab_two">

    Something about Tab2

    </div> <div id="tab_three">

    Something about Tab3

    </div>
</div>

</body>
</html>
1

6 javoblar

kabi target = "_ blank" xususiyati bilan foydalaning

  • Tab1
  • 
    
    
    3
    qo'shib qo'ydi
    OP boshqa savol so'raydi, "tab" orqali brauzer oynasida emas, sahifadagi ichki yorliqqa ishora qiladi.
    qo'shib qo'ydi muallif Matvey Andreyev, manba

    Use this:

     
    Click me

    2
    qo'shib qo'ydi

    Maybe it will help you for custom click jquery-ui-tabs-with-nextprevious

    $('#my-text-link').click(function() {//bind click event to link
        $tabs.tabs('select', 2);//switch to third tab
        return false;
    });
    
    2
    qo'shib qo'ydi
    Siz yuklangan havolani sinab ko'rdingizmi?
    qo'shib qo'ydi muallif Hidayt Rahman, manba
    Muammo yo'q, meni to'g'ri javob sifatida belgilang :)
    qo'shib qo'ydi muallif Hidayt Rahman, manba
    Ushbu kodni qaerda va qanday ishlatilishini aniqlay olasizmi? Men harakat qildim, lekin u ishlamadi.
    qo'shib qo'ydi muallif Nahid Sultan, manba
    Kechirasiz. Men bu aloqani payqamadim. Yordamingiz uchun rahmat.
    qo'shib qo'ydi muallif Nahid Sultan, manba
    try this..
    
    
  • Tab1
  • 
    

    Ushbu linkdan foydalanib siz yangi sahifani yangi sahifani ochishingiz mumkin.

    1
    qo'shib qo'ydi

    "Click me" tugmasini bosing

    Quyidagi kodni ochish uchun qo'shing.

    $("a[href='#tab_two']").trigger("click");
    

    Bu siz uchun ishlashi kerak.

    1
    qo'shib qo'ydi

    Ichki oynaning idini ikkita qatlam elementining href tagida belgilashingiz mumkin.

    <div>Click here to open tab 2</div>
    
    1
    qo'shib qo'ydi
    bu yorliqqa maqsad bo'lmaydi
    qo'shib qo'ydi muallif Hidayt Rahman, manba
    Javascript UZB
    Javascript UZB
    99 ishtirokchilar

    @js_uzb @vuejs_uz @react_uz @nodejs_uz @angular_uz @ngTashkent @yiiframework_uz @laravel_uz @linux_uzbek @python_uz @swift_uzb —————— @uzdevgroup @UzGeeksGroup ——— @UzDev_Jobs @jobs_uzb