正在获取模态主页上内容的主键/id


Getting primary key/id of content on main page on a modal

我正在开发一款音乐网络应用程序。在一个页面上,我有音频,我想把它存储在播放列表中。我点击添加按钮,这样所有可用播放列表的模式就会出现。在这个模式中,我有播放列表的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>

莫代尔出现了一秒钟,但随后,这件混乱的事情模态出现一秒钟后的混乱

任何帮助都将不胜感激。感谢

您可以通过以下步骤将音频id携带到模型首先,您必须自动阻止打开模型。

  1. 创建在单击音频div或任何元素时调用的函数
  2. 关于var中的函数集audio-id
  3. 现在触发模型,progamicaly。并使用element.html()或element.val()将音频id存储在模型中的任意位置