Почему мой триггер jQuery не работает? - PullRequest
Новая
       37

Почему мой триггер jQuery не работает?

4 голосов
/ 11 марта 2012

Я просто набираю скорость на jQuery, извиняюсь сразу, если это ошибка новобранца.

Я пытаюсь получить простой пользовательский триггер, чтобы срабатывать безуспешно.Может быть, кто-то может помочь помочь и показать мне, почему это не работает. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title>jQuery Trigger example</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>


  <script>
  $('#asset1').bind("triggerAssets", function() {
    alert('Assets');
  });
  </script>

  <script>
    $(document).ready(function(){
      $('#asset1').trigger("triggerAssets");
    });
  </script>

  </head>
  <body >
    <div id="asset1" class="assets" >Asset
        <table>
          <tr>
              <td>Field One: </td>
              <td><input type="text" name="fieldOne" id="exfieldOne" value=""/></td>
          </tr>
          <tr>
              <td>Field Two: </td>
               <td><input type="text" name="fieldTwo" id="exfieldTwo" value=""/></td>
          </tr>
          <tr>
              <td>Field Three: </td>
              <td><input type="text" name="fieldThree" id="exfieldThree" value=""/></td>
          </tr>
        </table>
     </div>    
    <hr>
  </body>
</html>

Ответы [ 3 ]

5 голосов
/ 11 марта 2012

Ваша функция привязки будет запущена до отображения страницы;#asset1 еще не существует.Переместите его в обработчик ready, который запускает после , когда DOM готов (и ваш элемент присутствует). 

$(document).ready(function(){ // wait until the DOM is ready, then do:

  $('#asset1').bind("triggerAssets", function() {
    alert('Assets');
  });

  $('#asset1').trigger("triggerAssets");

});
0 голосов
/ 11 марта 2012

Если вам нужно что-то сделать до загрузки страницы, определите объект для обработки таких вещей, как: 

    <script>
            var test = {};
            $(test).bind("test", function(){
                alert("Your trigger was fired!");
            });

            $(test).trigger("test");

    </script>
0 голосов
/ 11 марта 2012

вам нужно привязать событие, когда DOM будет готов, или добавить делегата на будущие элементы с идентификатором asset1: 

$(document).ready(function(){
    $('#asset1').bind("triggerAssets", function() {
        alert('Assets');
    });

    $('#asset1').trigger("triggerAssets");
});
...