jsFiddle工作，网站JS不工作

Question

Tried lots of different things, but can't seem to get this working in the live site.

 <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>

here is it working in fiddle http://jsfiddle.net/4MLX3/11/

I've disabled js minify I've uploaded the js source file to the website I've put the script first in the header I've checked for errors using Chrome Developer tools, but nothing seems to work

Answer 1

In jsFiddle, by default the script runs under a window.onload handler(2nd dropdown in the left panel).

Add your code in a dom ready handler

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 missing in your script section.

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