Событие .blur () не запускается, поскольку селектор имеет два имени класса

Question

Событие .blur () не запускается, поскольку селектор имеет два имени класса

0

Здесь, в примере DEMO, я хочу запустить событие, когда когда-либо класс .drow1.subval потерял фокус, возможно, что-то не хватает,

JS:

$(".drow1 .sub_val").on('blur',funtion(){
alert("hello");
});

Html:

<table border="1">
    <tr>
        <th>Col 1</th>
        <th>Col 2</th>
        <th>Type</th>
    </tr>
    <tr>
        <td> one</td>
        <td>
            <input type="text" value="600" class="sub_val" />
        </td>
        <td>dummy text</td>
    </tr>

    <tr class="drow1">
        <td> Two</td>
        <td>
            <input type="text" value="50" class="sub_val" />
        </td>
        <td>drow1</td>
    </tr>

    <tr class="drow1">
        <td> Three</td>
        <td>
            <input type="text" value="30" class="sub_val" />
        </td>
        <td>drow1</td>
    </tr>
     <tr class="drow2">
        <td> Four</td>
        <td>
            <input type="text" value="30" class="sub_val" />
        </td>
        <td>drow 2</td>
    </tr>
</table>

Отредактировано: строка таблицы, имеющая класс .drow1, создается динамически, поэтому ее не срабатывает

Satinder singh 09 окт. 2013, в 10:29

Источник

Теги:

javascript

jquery

1 ответ

Ещё вопросы

undefined · Accepted Answer · 2013-10-09T06-56-00.000Z

В коде есть опечатка, funtion должна быть function:

$(".drow1 .sub_val").on('blur',function(){
   alert("hello");
});

Изменение: если вы динамически создаете элементы, вам необходимо делегировать событие:

$("table").on("blur", ".sub_val", function() {
    alert("hello");
});

лол да я нашел его после публикации моего ответа
@Satindersingh Ну, на самом деле опечатка является распространенной проблемой, проверка консоли не плохая идея :)
Он работает на jsfiddle, так как на моей странице я создаю его динамически, там это не огонь