0
Erstens gibt es 101 Fragen, die diesem ähnlich sind, aber immer noch nicht in der Lage, diese Frage zu beantworten.jQuery Swap und verstecken div Inhalt basierend auf Klick
Ich erstelle eine ähnliche Schnittstelle zu youtube, mit Video-Thumbnails auf der rechten Seite und einem Schmerzspielfenster.
Meine Schleife Thumbnail-Bilder für die Anzeige ist wie folgt:
<?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>
Mein Hauptmerkmal Video wie folgt angezeigt:
<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 -->
Die Anfangslast wird von PHP durchgeführt werden, aber die DOM-Manipulation sollte durch Javascript erreicht werden.
Fragen
Wie kann ich tauschen nur die ID und Text zwischen diesen beiden divs.
Ich möchte auch die Miniaturansicht, die angeklickt wurde, wie es im Feature-Frame angezeigt wird, ausblenden.
Vielen Dank
jQuery einen ersetzen hat gibt() -Methode mit dem String Prototyp angebracht ist, nicht wahr? –
Aber ich hätte keine Ahnung, wie man die ID aus der Zeichenfolge extrahiert? – Taylorsuk
Ersetzen Sie die gesamte innerHTML des Elements? –