it-swarm-tr.com

Bir makalede, tıklandığında içeriği temizleyen ve yükleyen sekmeleri nasıl uygularım?

Daha spesifik olmak gerekirse, iki farklı sekmede bir makaleye yüklenen 2 video oynatıcım var. Biri canlı, diğeri talep üzerine. Birlikte Nice oynamazlar, ancak iki farklı makale yerine sekmelerde bulunmaları güzel.

Bir sekme eklentisi arıyorum, hatta sekme içeriğini yükleyecek ve kaldıracak makalede kullanabileceğim sekme kodu arıyorum, böylece sekme 1'de olduğunuzda, sekme 2'nin içeriği hiç yüklenmez ve 2. sekmede, 1. sekme temizlenir ve 2. sekmenin içeriği yüklenir.

bu mümkün mü, yoksa her oyuncunun farklı bir sayfada olması için sadece 2 farklı makale ve bir menü kullanmalı mıyım?

1
Brian Peat

Her iki sekme iframe içeriyorsa, iframe içeriğini ayarlamak için $('#iframe').attr('src', 'http://example.com'); kullanabilirsiniz (ve boşaltmak için $('#iframe').attr('src', '');. Küçük bir jsfiddle (sekmeler olmadan) Eminim bu kod geliştirilebilir ve ihtiyaçlarınıza uyacak şekilde değiştirilmesi gerekir, ama belki size doğru yönde bir itme verecektir:

jQuery kodu

jQuery(document).ready(function () {
    jQuery('.tab1').on('click', function (e) {
        $('#iframe2').attr('src', '');
        $('#iframe1').attr('src', 'http://example.com');
        e.preventDefault();
    });
    jQuery('.tab2').on('click', function (e) {
        $('#iframe1').attr('src', '');
        $('#iframe2').attr('src', 'http://example.com');
        e.preventDefault();
    });
});

[~ # ~] html [~ # ~]

<ul>
    <li><a href="#tab1" class="tab1">Tab #1</a> </li>
    <li><a href="#tab2" class="tab2">Tab #2</a> </li>
</ul>
<h2>iframe 1:</h2>
<iframe id="iframe1" frameborder="0" src=""></iframe>
<h2>iframe 2:</h2>
<iframe id="iframe2" frameborder="0" src=""></iframe>
1
johanpw