メインページのコンテンツの主キー/ IDをモーダルで取得する

Question

私は音楽ウェブアプリを開発中です.1ページで私はオーディオを持っていますので、プレイリストに保存したいと思います。追加ボタンをクリックすると、使用可能なすべてのプレイリストが表示されます。このモーダルでは、私はプレイリストのIDを持っていますが、私はそのオーディオのIDをここに移動したいと思っています。ここでは、コード

<div id="owl-demo" class="owl-carousel owl-theme"> 
     <?php 
    $audio=Audio::view_all(); 

    foreach ($audio as $audios) { 
     $artist=Artist::find_by_id($audios->id); 

      ?> 

      <div id="playlist" class="audio-cover"> 

       <img src="admin/uploads/images/<?php echo $audios->audio_img_name; ?>"> 
       <h5><?php echo $audios->audio_title; ?></h5><h5><?php echo "artist"; ?></h5> 
       <h6><?php echo $audios->audio_plays_count; ?> views </h6> 
       <div class="clear-fix"></div> 
       <h6><?php echo $audios->audio_likes_count; ?>likes</h6> 
       <a style="display:none;"track="<?php echo $audios->audio_link_name; ?>"></a> 
       <a href="?id=<?php echo $audios->id;?>" data-toggle="modal" data-target="#modal_playlists"><i class="fa fa-plus-square add"></i></a> 
       <a href="#"><i class="fa fa fa-heart like"></i></a> 
       <!--<div class="audio-cover-overlay"><a href="#"><li track="<?php echo $audios->audio_link_name; ?>" cover="<?php echo $audios->audio_img_name; ?>.jpg" artist="<?php echo $audios->audio_title ."-". $artist->name; ?>"><i id="play" class="fa fa-play-circle fa-2x play"></i></li></a></div> 
       !--> 
      </div> 



     <?php } ?> 
     </div> 

     <div class="modal" id="modal_playlists"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h3 class="modal-title">Add To Playlist</h3> 
      </div> 
      <div class="modal-body"> 
      <?php 
       $playlist=Playlist::view_all(); 
       foreach ($playlist as $playlists) { 


      ?> 
       <img src="./admin/uploads/playlist_images/<?php echo $playlists->img_link;?>" height="100px" width="100px"> 
       <a href="?playlist_id=<?php echo $playlists->id;?>"><?php echo $playlists->title;?></a><br> 
      <?php }?> 
      </div> 
      </div> 
     </div> 
     </div> 

モーダルは、ヘルプのいずれかの種類が認識されるであろう、この厄介事 Messy Thing after one second appearance of modal

、その後、第二のために現れたがされています。ありがとうございました

Answer 1

あなたはモデルにオーディオのIDを送ることができます。 まず、オープンモデルを自動的に防止しています。

1. オーディオのdivやVARにオーディオID設定その機能上の任意の要素
2. のクリック時に呼び出す関数を作成します。
3. は今、プロジェクトモデルをトリガーします。 element.html（）またはelement.val（）を使用してモデル内の任意の場所にオーディオIDを格納します。