Question

当我们点击a href时，我试图在弹出窗口中获取一个值。

我使用的是magnificPopup JavaScript

下面的代码是我的href标签，我想要＆＃34;数据流＆＃34;要在弹出窗口中获取的值。

 <a class="popup-with-zoom-anim wiplay" id="<?=$entry->id?>" href="#small-dialog" data-detail-id ="<?=$entry->id?>" data-stream="<?=$demo_streamurl;?>">hello</a>

我需要将值插入弹出窗口中出现的以下代码的src中。

<div id="small-dialog" class="zoom-anim-dialog mfp-hide">
  <div class="popup-container">
    <div class="container">
      <div class="col-md-8 col-center popup-cont-container">
        <video id="vid1" class="video-js vjs-default-skin" controls autoplay 
               width="640" height="364"
               data-setup='{ "techOrder": ["youtube"], "sources": [{ "type":  
                           "video/youtube", "src":"https://www.youtube.com/watch?v=A7XdOyZIkko"}] }'>
        </video>
        <div class="video-info">
          <div id="wiVideoInfo">
            <div class="info-left">
              <div id="wiPlayerChannel" class="main-tag"></div>
              <div id="wiPlayerDate" class="datenTime"></div>
              <div id="wiPlayerInfo" class="video-info-main"> 
                <br>
                <span class="at"> </span></div><div id="wiPlayerhandler" class="at"></div>
            </div>
            <div class="info-right"> 
              <span><img src="<?=theme_url()?>images/eyeico.png">
                <a id="wiPlayerLives">    </a> Live viewers</span>
              <span><img src="<?=theme_url()?>images/heart.png"><a id="wiPlayerLikes">
                </a> Likes</span>
            </div>
          </div> 
        </div>
      </div>
    </div>
  </div>
</div>

我怎样才能使用JavaScript或使用PHP？

Answer 1

您需要使用下面的代码，如docs § Varying modal content based on trigger button：

中所示

<Button x:Name="button1" Content="OK" Margin="358,341,13,72" Click="Submit_Click" FontSize="16" 
            VerticalAlignment="Top" HorizontalAlignment="Left" MinWidth="0"/>

因此函数内的$('#exampleModal').on('show.bs.modal', function (event) { var button = $(event.relatedTarget); // Button that triggered the modal var stream = button.data('stream'); // Extract info from data-* attributes var modal = $(this); modal.find(".video-js").attr("data-setup", '{ "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "' + stream + '"}] }'); });将具有stream的值。你需要设置你想要设置的任何东西。让我知道这个是否奏效。 data-stream

Answer 2

从id $ entry-＆gt; id获取数据流值？

用数据流

替换数据流值

var data_stream = $('#vid1').attr('data-setup');
dt.val(dt.val().replace("**data-stream**",
$('#'<?=$entry->id?).attr('data-stream').val()));

单击href时如何在模态窗口中获取href的值？

2 个答案: