Ошибка jQuery, если отсутствует элемент

Вы можете проверить, существует ли элемент следующим образом:

 jQuery(function() {
   if($('.title').length != 0) { 
   $(".title").slug({
      slug:'slug',
      hide: false
    });
    }
 });

Реальный ответ заключается в том, что подключаемый модуль .slug() jQuery написан довольно плохо. Это что-то около 20 строк кода и полно ошибок.

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

//
//    jQuery Slug Generation Plugin by Perry Trinier ([email protected])
//  Licensed under the GPL: https://www.gnu.org/copyleft/gpl.html

jQuery.fn.slug = function(options) {
    var settings = {
        slug: 'slug', // Class used for slug destination input and span. The span is created on $(document).ready() 
        hide: true     // Boolean - By default the slug input field is hidden, set to false to show the input field and hide the span. 
    };

    // merge options and settings
    if(options) {
        jQuery.extend(settings, options);
    }

    // save jQuery object for later use in callback
    if (this.length > 0) {
        var self$ = this.eq(0);

        jQuery(document).ready( function() {
            if (settings.hide) {
                jQuery('input.' + settings.slug).after("<span class="+settings.slug+"></span>");
                jQuery('input.' + settings.slug).hide();
            }
            self$.keyup(function() {
                var slugcontent = jQuery(this).val();
                var slugcontent_fixed = slugcontent.replace(/\s/g,'-').replace(/[^a-zA-Z0-9\-]/g,'').toLowerCase();
                jQuery('input.' + settings.slug).val(slugcontent_fixed);
                jQuery('span.' + settings.slug).text(slugcontent_fixed);
            });
        });
    }

    // return our jQuery object so it's chainable
    return this;
};

Это изменение устраняет следующие проблемы с предыдущим кодом:

1. Теперь он будет работать правильно, если вы вызовете его для пустого объекта jQuery.
2. Теперь он будет работать правильно, если будет вызван до того, как документ будет готов.
3. Больше не нужно делать ненужные вызовы для превращения вещей в объекты jQuery, которые уже являются объектами jQuery.
4. Если вызывается селектор с более чем одним объектом, он будет работать только с первым элементом в селекторе, чтобы предотвратить проблемы, которые могут возникнуть в противном случае.
5. Сделал обратный вызов keyup анонимной функцией, а не создал новую переменную.

Примечание. Этот подключаемый модуль предназначен для работы только с одним полем слага на странице. Таким образом, вам, вероятно, следует использовать его со значением идентификатора, таким как "#title", а не с именем класса, таким как ".title", потому что идентификатор никогда не вернет более одного поля и никогда не вызовет у вас проблем таким образом.

Я убедился, что этот код работает здесь: https://jsfiddle.net/jfriend00/CJJGz/ .

Вы можете добавить if перед вызовом кода -

if ($(".title").length)

Вы можете проверить длину возвращаемого объекта jQuery, если он имеет нулевую длину, селектор не был сопоставлен и элемент не был найден, например:

if ($(".title").length) {
    $(".title").slug({
        slug:'slug',
        hide: false
    }); 
}

Вы можете проверить, существует ли элемент, проверив его размер:

if ($(selector).length) {
// Do what you want
}

Вы можете проверить существование элементов, над которыми вы работаете, и if они существуют, выполняя действие/функцию:

if ($('.title').length){
    $(".title").slug({
        slug:'slug',
        hide: false
    });
}