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开发者工具检查过错误，但似乎没有任何效果

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();
        }
    });
})

Answer 2

脚本部分中缺少Jquery ready handler。

   $(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();
       }
     });
 });

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

2 个答案: