Jquery Bu işlemi yapan kod lazım

02-11-2022, 19:10:01

Merhabalar yapmak istediğim işlemde aşağıdaki kodlardaki şekilde sayfa ilk açıldığında Video 1 de active class ı oluyor ben Video 2 tıkladığım zaman Video 1 deki active class ı kalkıp Video 2 ye geçecek ve Video 2 nin data-id="xxxxxxxxx2" alanı iframe nin src sine geçecek src="https://www.youtube.com/embed/xxxxxxxxx1" bu işaretli alana
bu işlemi yapacak bildiğiniz kod veya kaynak varmı

<div class="video">
    <iframe width="853" height="480" src="https://www.malumsite.com/embed/xxxxxxxx1" frameborder="0"></iframe>
</div>
<ul class="list">
    <li class="active" data-id="xxxxxxxxx1">Video 1</li>
    <li data-id="xxxxxxxxx2">Video 2</li>
    <li data-id="xxxxxxxxx3">Video 3</li>
    <li data-id="xxxxxxxxx4">Video 4</li>
    <li data-id="xxxxxxxxx5">Video 5</li>
</ul>

02-11-2022, 19:12:25

#2

nurettinselcuk

hocam site adreside gözüküyor, arada kaynarsınız

02-11-2022, 19:13:53

#3

onurak

nurettinselcuk adlı üyeden alıntı: mesajı görüntüle

hocam site adreside gözüküyor, arada kaynarsınız

turktube yimi bahsediyorsun benim değilki öylesine kafamdan yazdım onu

02-11-2022, 19:15:15

#4

nurettinselcuk

onurak adlı üyeden alıntı: mesajı görüntüle

turktube yimi bahsediyorsun benim değilki öylesine kafamdan yazdım onu

ben de sizin sandım google'a yazdım yazmaz olaydım, keşke o an başka bir şey gelseydi aklınıza

02-11-2022, 19:51:03

#5

mustafasatirogl

siblings() metodu ile birine aktif ekleyip, diğerini kaldırabilirsin

03-11-2022, 11:26:35

#6

Misafir

onurak adlı üyeden alıntı: mesajı görüntüle

Merhabalar yapmak istediğim işlemde aşağıdaki kodlardaki şekilde sayfa ilk açıldığında Video 1 de active class ı oluyor ben Video 2 tıkladığım zaman Video 1 deki active class ı kalkıp Video 2 ye geçecek ve Video 2 nin data-id="xxxxxxxxx2" alanı iframe nin src sine geçecek src="https://www.youtube.com/embed/xxxxxxxxx1" bu işaretli alana
bu işlemi yapacak bildiğiniz kod veya kaynak varmı

<div class="video">
    <iframe width="853" height="480" src="https://www.malumsite.com/embed/xxxxxxxx1" frameborder="0"></iframe>
</div>
<ul class="list">
    <li class="active" data-id="xxxxxxxxx1">Video 1</li>
    <li data-id="xxxxxxxxx2">Video 2</li>
    <li data-id="xxxxxxxxx3">Video 3</li>
    <li data-id="xxxxxxxxx4">Video 4</li>
    <li data-id="xxxxxxxxx5">Video 5</li>
</ul>

Jsfiddle size ne etti gençler?

onurak bunu beğendi.

1 kişi bunu beğendi.