jsFiddle工作,网站JS无法正常工作

Question

尝试了很多不同的东西,但似乎无法在现场工作.

 <script type="text/javascript" src="/jquery.min.js"></script>
 <script type="text/javascript">
  $('.upme-field-value').filter(function(){
       $this = $(this);

       if ($this.text() === "Verified") {
           $this.html('<div id="verifiedText">Verified</div><img alt="Passed" src="/wp-content/uploads/2013/11/verified1.png"/>');

           $this.find('#verifiedText').hide();
 }
   });
 </script>

这是在小提琴工作 http://jsfiddle.net/4MLX3/11/

我已禁用js minify我已将js源文件上传到网站我已将脚本放在标题中我使用Chrome Developer工具检查错误但似乎没有任何效果

Answer 1

在jsFiddle中,默认情况下,脚本在window.onload处理程序下运行(左侧面板中的第二个下拉列表).

在dom ready处理程序中添加代码

jQuery(function ($) {
    $('.upme-field-value').filter(function () {
        $this = $(this);

        if ($this.text() === "Verified") {
            $this.html('<div id="verifiedText">Verified</div><img alt="Passed" src="/wp-content/uploads/2013/11/verified1.png"/>');

            $this.find('#verifiedText').hide();
        }
    });
})