Почему мой код JQuery / CSS не работает, когда я импортирую его на свой сайт Wordpress? - PullRequest
0 голосов
/ 22 марта 2019

При редактировании кода в JSFiddle все работает как надо, но когда я импортирую его на свой живой сайт Wordpress, он вообще ничего не делает.Я трижды проверил, что я не делал опечаток или чего-то в этом роде, но на самом деле мне ничего не стоит.Я очень расстроен, так что я надеюсь, что кто-то там может помочь.

Заранее спасибо:)

Живой сайт: https://victoryposters.com/product/stadium/

var _URL = window.URL || window.webkitURL;

$("#filecheck").change(function() {
  var file, img;

  if ((file = this.files[0])) {
    img = new Image();

    img.onload = function() {
      //green
      if (this.width < 1800 && this.height < 1800) {
        $('.fail').css('display', 'block');
        $('.pass').css('display', 'none');
      } else {
        $('.pass').css('display', 'block');
        $('.fail').css('display', 'none');
      }


    };
    img.src = _URL.createObjectURL(file);
  }

});
.pass {
  display: none;
}

.fail {
  display: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<input type="file" id="filecheck" />

<div class="fail">File quality is very low we can not accept this image</div>
<div class="pass">file quality is high</div>

1 Ответ

0 голосов
/ 22 марта 2019

Проблема в том, что вы поместили свой JavaScript в тег <head>. Это означает, что он пытается выполнить ваш код еще до того, как он встретит ваш DOM (элементы HTML, которые вы пытаетесь запросить). Таким образом, он пытается выполнить это на чем-то, что не существует в тот момент времени. Либо оберните весь код в

$(document).ready(function() { … })

или даже лучше, поместите его перед закрывающим тегом <body>. В любом случае я также предлагаю перенести его во внешний файл

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...