Question

基本上，我希望能够在链接到我的网站的电子邮件中发送一个链接，当点击它时，它会打开网站和我添加到链接的模式。换句话说，我如何发送一个自动打开模态的链接？

这是我要打开的模态：

    <div id="modal-video11" class="modal fade" role="dialog">
      <div class="modal-dialog">

        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title" align="center">State of the Table Grape Industry with Barry Bedwell</h4>
          </div>
          <div class="modal-body">
            <div class="videoWrapper">
                <p align="center"><iframe width="420" height="315" src="https://www.youtube.com/embed/PYq5hi5Y9rI" frameborder="0" allowfullscreen></iframe></p>
            </div>
          </div>
          <div class="modal-footer">
            <a class="btn btn-pnp center-block" href="https://www.youtube.com/user/CaliforniaAgNet">View MORE Videos On Our Youtube Channel!</a>
          </div>
        </div>
      </div>
    </div>

为什么我不能像这样链接它？：http://www.americanvineyardmagazine.com/index.html#modal-video11

我也尝试在我的页面末尾使用这个javascript，但它没有任何区别。模态没有打开：

<script type="text/javascript">
$(document).ready(function() {

  if(window.location.href.indexOf('#modal-video11') != -1) {
$('#modal-video11').modal('show');
  }


});</script>

Answer 1

试试这个：

jQuery(function($){
  $(document).ready(function() {
    if(window.location.href.indexOf('#modal-video11') != -1) {
      $('#modal-video11').modal('show');
    }
  });
});

Answer 2

您发布的代码是正确的，但该页面中存在javascript错误。在加载jquery（第2001行）之前，你试图在第143行使用jquery（$）。

如果在加载jquery之后放入该代码（最后），它应该可以工作。

<script type="text/javascript">
    $(document).ready(function() {
        if(window.location.href.indexOf('#modal-video11') != -1) {
            $('#modal-video11').modal('show');
        }
    });
</script>

如何通过电子邮件将链接发送到我网页上的模式？

2 个答案: