jQuery,

Question

numaralı telefon numarasına göre takas içeriğini değiştirir ve gizler. Buna karşılık, buna benzer 101 soru vardır, ancak yine de bu soruyu yanıtlayamaz.

Youtube'a benzer bir arabirim oluşturuyorum, sağ taraftaki video küçük resimleri ve bir oynatma bölmesi var.

aşağıdaki gibi küçük resimler görüntülemek için My döngü şu şekildedir:

<?php function getVimeoThumb($id) { 
    $data = file_get_contents("http://vimeo.com/api/v2/video/$id.json"); 
    $data = json_decode($data); 
    return $data[0]->thumbnail_medium; 
} ?> 

<div id="thumb"> 
    <img src="<?php echo getVimeoThumb($id);?>" alt=""> 
    <h4><?php the_sub_field('child_title'); ?></h4> 
</div> 

Benim ana özelliği, video görüntülenir:

<div id="feature"> 
    <h4 id="mainTitle"><?php the_sub_field('video_title'); ?></h4> 
    <iframe src="https://player.vimeo.com/video/<?php the_sub_field('video_id')?>" width="500" height="282"></iframe> 
</div> <!-- end of feature Container --> 

ilk yükleme PHP tarafından yürütülecek, ancak DOM işlemleri javascript ile elde edilmelidir.

Sorular

1. nasıl bu iki div arasında sadece kimliği ve metin takas olabilir.

2. Ayrıca, özellik karesinde gösterildiği gibi tıklanan küçük resmi de gizlemek istiyorum.

   `<div id="thumb" rel="your_id">...</div>` 
   

   Ve $('#thumb').attr('rel') bunu elde etmek:

çok teşekkürler

başparmağın üzerine

Answer 1

, sen jQuery ile kolayca böylece geri alabilirsiniz senin div bir rel üzerinde kimliği koyabilirsiniz .

O zaman, gelmez kimliğinden size tam URL'yi veren bir JavaScript işlevi oluşturmak ve replace() yöntemi dize prototip ekledi $('#feature iframe').attr('src','your_url')