Попытка очистить мой jquery / javascript и мыслить более функционально

Question

Попытка очистить мой jquery / javascript и мыслить более функционально

0

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

$('#phone').on({
        mouseenter: function() {$(this).attr('src','../web-marketing/images/PhoneBlue.png')},
        mouseleave: function() {$(this).attr('src','../web-marketing/images/Phone4.png')}});

  $('#email').on({
        mouseenter: function() {$(this).attr('src','../web-marketing/images/EmailBlue.png')},
        mouseleave: function() {$(this).attr('src','../web-marketing/images/Email4.png')}});

  $('#live-chat').on({
        mouseenter: function() {$(this).attr('src','../web-marketing/images/ChatBoxBlue.png')},
        mouseleave: function() {$(this).attr('src','../web-marketing/images/ChatBox4.png')}});

user3428391 27 апр. 2014, в 04:26

Источник

0

Вы пытались mouseenter mouseover вместо mouseenter ? А mouseout вместо mouseleave ?
Praveen Kumar Purushothaman 27 апр. 2014, в 01:27
1

codereview.stackexchange.com
isherwood 27 апр. 2014, в 01:32
0

Если hover не работал, возможно, это из-за неправильного синтаксиса. Какой именно вопрос?
isherwood 27 апр. 2014, в 01:35
0

Я дал ответ, но понял, что, возможно, неправильно понял вопрос. Можете ли вы немного уточнить его, чтобы было более очевидно, какова ваша цель?
Joseph Spens 27 апр. 2014, в 02:00

Показать ещё 2 комментария

Теги:

jquery

1 ответ

Ещё вопросы

Вы пытались mouseenter mouseover вместо mouseenter ? А mouseout вместо mouseleave ?
Если hover не работал, возможно, это из-за неправильного синтаксиса. Какой именно вопрос?
Я дал ответ, но понял, что, возможно, неправильно понял вопрос. Можете ли вы немного уточнить его, чтобы было более очевидно, какова ваша цель?

sandipshirsale · Answer 1 · 2014-04-29T01-24-00.000Z

Попробуйте это, но помните, что телефон, электронная почта и чат-чат должны быть идентификатором тега изображения

$('#phone').hover(
    function () {$(this).attr('src','../web-marketing/images/EmailBlue.png');},
    function () {$(this).attr('src','../web-marketing/images/Phone4.png');}
);


$('#email').hover(
    function () {$(this).attr('src','../web-marketing/images/EmailBlue.png');},
    function () {$(this).attr('src','../web-marketing/images/Email4.png');}
);


$('#live-chat').hover(
    function () {$(this).attr('src','../web-marketing/images/ChatBoxBlue.png');},
    function () {$(this).attr('src','../web-marketing/images/ChatBox4.png');}
);