顯示在JavaScript

-3

警告我是新來的JavaScript和我下面那裏基於下面的代碼的教程，按鈕的內容應該顯示警報之前改變adding但我的代碼是不工作顯示在JavaScript

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> 
 
<form class="form-item"> 
 
    <div class="cart"> 
 
     <input type="submit" value="Add to Cart" /> 
 
    </div> 
 
</form> 
 

 

 
<script> 
 
    $(document).ready(function(){ 
 
     $("button").click(function(){ 
 
      button_content.html('Adding...'); //Loading button text 
 
      alert("Item added to Cart!"); //alert user 
 
     }); 
 
    }); 
 
</script>

我該如何解決這個問題？

來源

2016-07-07 Prince

1.您的HTML中的'button'元素在哪裏？ 2.什麼是'button_content'？ – makshh

什麼是「button_content？」 –

您還沒有在代碼中的任何位置聲明button_content。只需執行以下操作即可更改html：$（this）.html（「adding」）; – DinoMyte

給這個代碼試試看的幾個原因。

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> 
<form class="form-item"> 
    <div class="cart"> 
     <!--<input type="submit" value="Add to Cart" />--> 

     <!-- First use a button not an input and give it an ID --> 
     <button id="btn_add" type="submit">Add to Cart</button> 
    </div> 
</form> 
<script> 

    // You can shorten up the ready statement 
    //$(document).ready(function(){ 

    $(function(){ 

     // Now bind a click handler with button's ID 

     // This is an older way of binding in jQuery 
     // $("#btn_add").click(function(){ 

     // Use jQuery's on() instead. 
     $("#btn_add").on("click", function(){ 

      // Change the HTML of the button by getting it by it's new ID 
      // button_content.html('Adding...'); //Loading button text 

      $("#btn_add").html('Adding...'); 

      alert("Item added to Cart!"); //alert user 
     }); 
    }); 
</script>

在任何地方都可以使用ID。隨時縮短你的準備好的陳述。使用jQuery的on handler而不是點擊。

來源

2016-07-07 21:46:28 pmahomme

感謝@pmahomme之前，它應該將「添加到購物車」按鈕的內容更改爲「添加...」，就像我想要的那樣工作。如果我需要其他幫助，我該如何與您取得聯繫？ – Prince

@Prince不客氣。就這樣再問一次，我確定有人（也許是我）會幫助你。 ;） – pmahomme

你沒有一個標籤來選擇它與jQuery。您的html必須看起來像這樣工作：

<form class="form-item"> 
    <button class="cart">Add to Cart</button> 
</form>

來源

2016-07-07 21:32:48 CoppolaEmilio

$("button")是不正確的選擇器。這將尋找<button>元素，而你沒有。

您需要$("input[type=submit]")或更好的方法是給它一個ID並使用該選擇器：$("#mybutton")。

請記住，這仍然會將表單提交回服務器 - 它只會等待警報。

來源

2016-07-07 21:32:51

您的問題是在jQuery選擇和功能參考

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> 
<form class="form-item"> 
    <div class="cart"> 
     <input type="submit" value="Add to Cart" /> 
    </div> 
</form> 


<script> 
    $(document).ready(function(){ 
     $("input[type=submit]).click(function(){ 
      $(this).html('Adding...'); //Loading button text 
      alert("Item added to Cart!"); //alert user 
     }); 
    }); 
</script>

來源

2016-07-07 21:33:26 Wilmer

<button name="submit" value="Add to Cart" id="sendFeed">Add to card</button> 

<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
     button_content.html('Adding...'); //Loading button text 
     alert("Item added to Cart!"); //alert user 
     return false; 
    }); 
});

來源

2016-07-07 21:33:33 raviolican

你不必在你的代碼button元素。如果您的目標是input元素，那麼您需要使用selector標記進行輸入，然後使用.val()選項來顯示文本。

$(document).ready(function(){ 
     $("input").click(function(){ 
      $(this).val('Adding...'); //Loading button text 
      alert("Item added to Cart!"); //alert user 
     }); 
    });

例子：https://jsfiddle.net/fz66qdv4/

來源

2016-07-07 21:34:23 DinoMyte

試試：

<html> 
 
<head> 
 
</head> 
 
<body> 
 
    <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> 
 
<form class="form-item"> 
 
    <div class="cart"> 
 
     <input type="submit" value="Add to Cart" /> 
 
    </div> 
 
</form> 
 

 

 
<script> 
 
    $(document).ready(function(){ 
 
     $("input[type=submit]").click(function(){ 
 
      $(this).val('Adding...'); //Loading button text 
 
      alert("Item added to Cart!"); //alert user 
 
     }); 
 
    }); 
 
</script> 
 
</body>  
 
</html>

來源

2016-07-07 21:39:23 Ehsan

顯示在JavaScript

回答

相關問題