我正在开发一款音乐网络应用程序。在一个页面上,我有音频,我想把它存储在播放列表中。我点击添加按钮,这样所有可用播放列表的模式就会出现。在这个模式中,我有播放列表的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">×</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携带到模型首先,您必须自动阻止打开模型。
- 创建在单击音频div或任何元素时调用的函数
- 关于var中的函数集audio-id
- 现在触发模型,progamicaly。并使用element.html()或element.val()将音频id存储在模型中的任意位置