我的wordpress页面中的JavaScript

下面是我的Js代码，我一直试图在我的wordpress页面中使用它，但它不起作用。请让我知道如何写在我的wordpress页面。以下功能的主要思想是卸载Vimeo视频，当用户单击close时，该视频以plugin

easy model

模式打开

<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>

<script type="text/javascript">
var iframe = $('.vimeo-player')[0];
var player = $f(iframe);

$('.close-modal').click(function() {
    alert('stoped');
    player.api('unload');
});
</script>

变量iframe=$（'.vimeo player'）[0]；
var player=$f（iframe）；
$（'.close model'）。单击（函数（）{
警报（“停止”）；
api（'unload'）；
});

您可以清楚地看到，代码在该小提琴中工作良好：

Iframe代码：

<iframe class="vimeo-player" src="http://player.vimeo.com/video/76079" width="1000px" height="500px" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

---

尝试将其添加到

文档中。准备好了吗

：

$(document).ready(function() { 
  var iframe = $('.vimeo-player')[0];
  var player = $f(iframe);

  $('.close-modal').click(function() {
    alert('stoped');
    player.api('unload');
  });

});

看

---

检查是否有语法错误。

尝试将其添加到

文档中。准备好了吗

：

$(document).ready(function() { 
  var iframe = $('.vimeo-player')[0];
  var player = $f(iframe);

  $('.close-modal').click(function() {
    alert('stoped');
    player.api('unload');
  });

});

看

---

检查是否有语法错误。

尝试将其添加到

文档中。准备好了吗

：

$(document).ready(function() { 
  var iframe = $('.vimeo-player')[0];
  var player = $f(iframe);

  $('.close-modal').click(function() {
    alert('stoped');
    player.api('unload');
  });

});

看

---

检查是否有语法错误。

尝试将其添加到

文档中。准备好了吗

：

$(document).ready(function() { 
  var iframe = $('.vimeo-player')[0];
  var player = $f(iframe);

  $('.close-modal').click(function() {
    alert('stoped');
    player.api('unload');
  });

});

看

---

检查是否有语法错误。

假设此代码位于页面的

标题中，则问题在于执行代码时您引用的元素不存在：

$('.vimeo-player')
$('.close-modal')

因为jQuery没有找到匹配项，所以它对它们没有任何作用。为了等待DOM完成加载，只需将代码包装到jQuery函数中：

$(function () {
    var iframe = $('.vimeo-player')[0];
    var player = $f(iframe);

    $('.close-modal').click(function() {
        alert('stoped');
        player.api('unload');
    });
});

此外，您可能会在此处输入错误：

var player = $f(iframe);

除非这是你正在使用的API的一部分？（一位评论员说是的。）如果这在您的浏览器控制台上引发了一个错误，
$f
之类的内容未定义，可能您的意思是：

var player = $(iframe);

不过，这只是一个猜测。我不知道Vimeo API。
假设此代码位于页面的
标题中，那么问题在于代码执行时您引用的元素不存在：

$('.vimeo-player')
$('.close-modal')

因为jQuery没有找到匹配项，所以它对它们没有任何作用。为了等待DOM完成加载，只需将代码包装到jQuery函数中：

$(function () {
    var iframe = $('.vimeo-player')[0];
    var player = $f(iframe);

    $('.close-modal').click(function() {
        alert('stoped');
        player.api('unload');
    });
});

此外，您可能会在此处输入错误：

var player = $f(iframe);

除非这是你正在使用的API的一部分？（一位评论员说是的。）如果这在您的浏览器控制台上引发了一个错误，
$f
之类的内容未定义，可能您的意思是：

var player = $(iframe);

不过，这只是一个猜测。我不知道Vimeo API。
假设此代码位于页面的
标题中，那么问题在于代码执行时您引用的元素不存在：

$('.vimeo-player')
$('.close-modal')

因为jQuery没有找到匹配项，所以它对它们没有任何作用。为了等待DOM完成加载，只需将代码包装到jQuery函数中：

$(function () {
    var iframe = $('.vimeo-player')[0];
    var player = $f(iframe);

    $('.close-modal').click(function() {
        alert('stoped');
        player.api('unload');
    });
});

此外，您可能会在此处输入错误：

var player = $f(iframe);

除非这是你正在使用的API的一部分？（一位评论员说是的。）如果这在您的浏览器控制台上引发了一个错误，
$f
之类的内容未定义，可能您的意思是：

var player = $(iframe);

不过，这只是一个猜测。我不知道Vimeo API。
假设此代码位于页面的
标题中，那么问题在于代码执行时您引用的元素不存在：

$('.vimeo-player')
$('.close-modal')

因为jQuery没有找到匹配项，所以它对它们没有任何作用。为了等待DOM完成加载，只需将代码包装到jQuery函数中：

$(function () {
    var iframe = $('.vimeo-player')[0];
    var player = $f(iframe);

    $('.close-modal').click(function() {
        alert('stoped');
        player.api('unload');
    });
});

此外，您可能会在此处输入错误：

var player = $f(iframe);

除非这是你正在使用的API的一部分？（一位评论员说是的。）如果这在您的浏览器控制台上引发了一个错误，
$f
之类的内容未定义，可能您的意思是：

var player = $(iframe);

不过，这只是一个猜测。我不知道Vimeo API。
定义“它不工作”。它以什么方式不工作？浏览器的开发控制台上是否有错误？代码运行了吗？在执行此代码之前，页面上是否存在
.vimeo播放器
和
关闭模式
元素？@david是。vimeo播放器和.close模式存在。这行代码在添加上面提到的行之前工作正常，但是在wordpres页面中的js没有工作
jQuery（#first”）。单击（函数（）{window.scrollTo（0，jQuery（#dummy”）.offset（）.top）；）它们可能存在，但与此代码相关的它们存在于何处？JavaScript在加载时执行，因此，如果元素在该代码之后，则在该代码执行时它们不存在。我们不知道这一点，因为您尚未向我们展示，但这是一个非常常见的错误。@user3027531问题可能不限于您发布的标记。你能发布你试图让这个脚本工作的页面的完整标记吗？定义“它不工作”。它以什么方式不工作？浏览器的开发控制台上是否有错误？代码运行了吗？在执行此代码之前，页面上是否存在
.vimeo播放器
和
关闭模式
元素？@david是。vimeo播放器和.close模式存在。这行代码在添加上面提到的行之前工作正常，但是在wordpres页面中的js没有工作
jQuery（#first”）。单击（函数（）{window.scrollTo（0，jQuery（#dummy”）.offset（）.top）；）它们可能存在，但与此代码相关的它们存在于何处？JavaScript在加载时执行，因此，如果元素在该代码之后，则在该代码执行时它们不存在。我们不知道这一点，因为您尚未向我们展示，但这是一个非常常见的错误。@user3027531问题可能不限于您发布的标记。你能发布你试图让这个脚本工作的页面的完整标记吗？定义“它不工作”。它以什么方式不工作？浏览器的开发控制台上是否有错误？代码运行了吗？在执行此代码之前，页面上是否存在
.vimeo播放器
和
关闭模式
元素？@david是。vimeo播放器和.close模式存在。这行代码在b之前工作正常