2016-04-03 67 views
0

我正在制作音乐网站应用程序。在一页上我有音频,我想将它存储在播放列表中。我点击添加按钮,所以一个模式与所有可用的播放列表出现。在这种模式下,我有播放列表的ID,我想在这里移动该音频的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

任何形式的帮助将不胜感激。谢谢

回答

0

您可以通过下列步骤携带音频ID到模型 首先,您已经自动阻止打开模型。

  1. 创建该音频格或任何元素
  2. 在VAR该功能设置音频ID的点击通话功能。
  3. 现在触发模型,progamicaly。并通过使用element.html()或element.val()
+0

将模型中的音频ID存储在模型中的任何位置谢谢,请试试 – Sam57

+0

@samm欢迎:) –