Проверьте наличие пустого атрибута href в JQuery

Question

Проверьте наличие пустого атрибута href в JQuery

0

У меня есть идея, которую я хотел бы реализовать на сайте, над которым я работаю. У меня есть представление о том, как это будет работать, но я не совсем уверен, как собрать кусочки вместе.

Так!! Я хотел бы проверить домен и создать поле предупреждения, если это необходимо.

Скажем, у нас есть 2 домена:

test.domain.com & domain.com

ЕСЛИ мы на test.domain.com и там нет содержимого внутри href (Missing Link), я бы хотел, чтобы окно предупреждения появилось в сообщении "MISSING LINK". И если внутри href есть контент, просто игнорируйте его (Not Missing Link).

<a href="">Missing Link</a>
<a href="http://google.com">Not Missing Link</a>

Затем, если бы мы были на domain.com, я бы хотел, чтобы jQuery все еще присутствовал в коде, но он ничего не делал, если была нажата пропущенная ссылка. Поскольку это будет просто перенаправлять на главную страницу - Не лучшее путешествие, но намного лучше, чем навязчивое всплывающее окно.

Таким образом, я мог бы использовать крошечный код для проверки недостающих ссылок на этапе тестирования, но не должен удалять его каждый раз, когда он отправляется в фактический домен.

Если это не имеет смысла, пожалуйста, спросите!

Спасибо миллион, очень ценю помощь!

Nick 06 март 2014, в 17:42

Источник

Теги:

javascript

jquery

html

3 ответа

1

Вот вам какой-то код, чтобы вы начали. Мне кажется, что, как бы вы ни старались, они принимали совершенно неправильный подход.

if (location.host === 'test.domain.com' && !$('a[href=""]').length) {
  alert('MISSING LINK');
}

Jezen Thomas 06 март 2014, в 13:55

0

Как это?

$(document).ready(function() {
  $('a').click(function(e) {
    var a = $(this);
    e.preventDefault();
    if($.trim(a.prop('href')) == "")
    {
        alert("No link")
    }
    else   
    {
        window.location = $.trim(a.prop('href'));
    }
  }); 
});

JF it 06 март 2014, в 13:59

0

Я не могу заставить этого работать извините!
Nick 06 март 2014, в 16:34
0

действительно? работал для меня .. не могу сделать jsfiddle, потому что он разрешит пустой HREF, чтобы это было то, что его нет :( - я сделал быстрое редактирование, попробуйте это ..
JF it 06 март 2014, в 16:36
0

также - если вы выполняете этот код и он не работает, вы можете попробовать console.log $.trim(a.prop('href') и убедиться, что он не возвращается с неопределенным ... в этом случае, хотя он должен был принести ты где-то
JF it 06 март 2014, в 16:36

Показать ещё 1 комментарий

Ещё вопросы

Я не могу заставить этого работать извините!
действительно? работал для меня .. не могу сделать jsfiddle, потому что он разрешит пустой HREF, чтобы это было то, что его нет :( - я сделал быстрое редактирование, попробуйте это ..
также - если вы выполняете этот код и он не работает, вы можете попробовать console.log $.trim(a.prop('href') и убедиться, что он не возвращается с неопределенным ... в этом случае, хотя он должен был принести ты где-то

epascarello · Accepted Answer · 2014-03-06T14-25-00.000Z

$(document).on("click", 'a[href=""]', function(evt) {
    if(window.location.hostname.indexOf("test")!==-1) {
        alert("broken");
    } else {
        window.location.href = "foo.html";
    }
    evt.preventDefault();
});

Лично, если бы я делал страницу в тесте, чтобы определить, была ли связь нарушена, я бы сделал что-то, чтобы они выделялись, когда страница открыта. Вместо того, чтобы нажимать, чтобы узнать.

if(window.location.hostname.indexOf("test")!==-1) {
    $('a[href=""]').css("background-color", "red");
}

Цените вашу помощь в этом - после всплывающего окна ссылка по-прежнему приводит вас на домашнюю страницу, как и без всплывающего окна. Это можно исправить?
Не уверен, почему это приведет вас на домашнюю страницу ..., но добавьте evt.preventDeafult (); обновленный ответ
йо, хороший ответ объединить с моим - put e.preventDefault(); выше alert('broken');
Фантастика! Цените оба ваших вклада! Спасибо :)