jQuery and javascript ('#ID') #update1#helpme

jQuery and javascript ('#ID') #update1#helpme

本文关键字：#update1#helpme #ID and jQuery javascript      更新时间：2023-09-26

了解我

<!DOCTYPE html>
<html>
<head>
  
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
  <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
 
  <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script>
$('.deleteMe').live('click', function(){
    $(this).parent().remove();
    $('#contributionList').listview('refresh');
});
 $( document ).ready(function() {
         $('#addContribution').click(function () {
               var newAmount = $('#contributionAmount').val();
               if (newAmount) {
                 $('#contributionList').append('<li><a>' + newAmount + '</a><a class="deleteMe"></a></li>').listview('refresh');
                    $('#contributionAmount').val('');
               } else {
                    alert('Nothing to add');
               } 
     
     });
 });
</script>
</head>
<body>
<div data-role="page" id="home">
    <div data-role="content">
        <ul data-role="listview" id="contributionList" data-split-icon="delete" data-split-theme="d">
           <li id="l1"><a>5.00</a><a id="1" class="deleteMe"></a></li>
           <li><a>10.00</a><a class="deleteMe"></a></li>
           <li><a>15.00</a><a class="deleteMe"></a></li>
           <li><a>20.00</a><a class="deleteMe"></a></li>
           <li><a>25.00</a><a class="deleteMe"></a></li>
           <li><a>50.00</a><a class="deleteMe"></a></li>
           <li><a>100.00</a><a class="deleteMe"></a></li> 
        </ul>
        <br />
        <fieldset class="ui-grid-a">
           <div class="ui-block-a">
              <input type="text" placeholder="Add new Amount" id="contributionAmount" />
           </div>
           <div class="ui-block-b">
             <input type="button" value="Add" id="addContribution"/>
           </div>
        </fieldset>
    
    </div>
</div>
</body>
</html>

^这段代码在网站上是有效的，但当我像这样将其添加到HTML中时，它永远不会起作用。。我不知道为什么！

看看下面最后一个答案有人给我发了一个链接是工作！

但当我在HTML中添加它时，它不起作用-------><><><有些人说你不使用$（document）.ready（function（）{}；

有些人说你可以在上使用$（'ID'）

^我在电脑里那样做了，它不起作用！但我没有在网站上测试

<><>&lt----------问题可能在我的笔记本电脑Mac Os X如果代码是工作的，那么它

当我在HTML中添加它时应该工作是不工作的

基本上代码在网站上可以工作，但在HTML里面不能工作！

<script>
    $( document ).ready(function() {
         $('#addContribution').click(function () {
               var newAmount = $('#contributionAmount').val();
               if (newAmount) {
                    $('#contributionList')
                         .append('<li><a>' + newAmount + '</a><a class="deleteMe"></a></li>')
                         .listview('refresh');
                    $('#contributionAmount').val('');
               } else {
                    alert('Nothing to add');
               }); 
     });
</script>

脚本不起作用，因为您正在绑定的dom元素ie；'#当浏览器解析脚本时，"contributionAmount"不可用。document.ready事件将在html dom就绪后由浏览器编译。

您必须在document.ready事件中注册您的点击事件。document.ready加载DOM后的事件调用。因此，当您的旧脚本执行的DOM还没有准备好时，您就无法注册您的事件。

如果您不想执行此jQuery就绪事件，可以使用on、事件处理程序附件jQuery.on（）将函数绑定到事件

<script>
$('#addContribution').on('click',function() {      
    var newAmount = $('#contributionAmount').val();
</script>

这段代码将有所帮助，因为它可以很好地进行

        $( document ).ready(function() {
         $('#addContribution').click(function () {
               var newAmount = $('#contributionAmount').val();
               if (newAmount) {
                 $('#contributionList').append('<li><a>' + newAmount + '</a><a class="deleteMe"></a></li>').listview('refresh');
                    $('#contributionAmount').val('');
               } else {
                    alert('Nothing to add');
               } 
        });
      });

看看这把小提琴http://jsfiddle.net/uiupdates/NXrRp/492/

相关文章：