Jquery的 - 通过不工作

问题描述：

我做的离子（角）应用程序，我有以下简单的代码在我的模板之一的头ID选择项：Jquery的 - 通过不工作

<script> 
$(document).ready(function(){ 

    alert($('#amountID').attr('id')); 

}); 
</script> 
</head> 
... 
<label class="aquitext item item-input" id="amountID">

我曾经有过传统的JavaScript onclick（“blablabla”），它工作到一定程度，但我决定将其转移到jQuery，现在我很困难，我不得不删除并简化到这一点。我已经尝试了多种排列方式，包括使用angular的.element，但是我一直在警报中出现“undefined”。我究竟做错了什么？

（不，我不明白在控制台上的任何错误）

编辑：现在看来，这可能与这样的事实，我后来离子滑动盒，以为我有一点线索，如何规避它。现在，我删除滑块框。似乎有“固定”它。

的完整结构，脚本后（我修剪了一些东西出来）：

</script> 
</head> 
<body> 
    <ion-view> 
    <ion-content>       
     <ion-slide-box> 
      <ion-slide> 
      </ion-slide> 
      <ion-slide>    
           <div class="subtitle">blabla</div> 

           <form name="newaquisition"> 

            <label class="aquitext item item-input" id="amountID"> 
             <input ng-model='newaquisubmission.amount' type='number' placeholder='aquisition value' required> 
            </label> 


           </form> 
      </ion-slide> 

     </ion-slide-box> 
</ion-view> 


</ion-content> 


</body> 
</html>

似乎在这里工作...... https://jsfiddle.net/fqq5134L/ –

这似乎是你的'＃amountID'元素实际上并不存在。你确定它确实存在吗？尝试提醒'document.getElementById（“amountID”）' –

'$（document）.ready'在离子/角度应用程序中毫无价值。大部分DOM在此之后被创建。你需要做什么？ – charlietfl

答

似乎有不被任何东西你的代码错误;它应该工作。

尽管如此，尝试在函数内创建一个变量，然后使用该变量作为警报的值。例如，

var x = $('#amountID').attr('id'); 
    alert(x);

如果这不起作用。您的代码中的其他地方可能有错误。

你引用了一个jQuery库（<script src="jquery-2.1.4.min.js"></script>）吗？

OP声明'（不，我没有在控制台上发现任何错误）' – guradio

答

似乎是你不推jQuery代码，这个代码是正确的：

<html> 

<head> 
    <title>Test</title> 
    <script type="text/javascript" src="jquery-1.10.2.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      alert($('#amountID').attr('id')); 
     }); 
    </script> 
</head> 
<body> 

<label class="aquitext item item-input" id="amountID"> 

</body> 

</html>

答

是标签在你的HTML或者是一些模板的这一部分，由角添加到DOM？

如果你在控制台中运行JS，它工作吗？那么这很可能是一个计时问题。 $(document).ready似乎要提前。

尝试$scope.init在您的角度控制器

添加了init，它什么也没做。我忘了提到这一点，但它似乎与之前有一个离子滑块有关，出于某种原因。 – Kronephon

Jquery的 - 通过不工作

相关推荐