亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

按鈕單擊功能不適用于 HTML 變量 | 如何解決這個問題?

按鈕單擊功能不適用于 HTML 變量 | 如何解決這個問題?

梵蒂岡之花 2023-08-05 19:42:28
按鈕單擊功能不適用于HTML變量,是我錯了還是我的代碼缺少某些內容?我是初學者javasctipt,這是我第一次使用這種方法,不知道如何解決這個問題。那么請問,如何解決這個問題?任何幫助將不勝感激。這是我的Jquery代碼如下:$(function(){  var content1 = '<p>This is a paragraph</p><button class="btn">Show other content</button>';  var content2 = '<h1>This is a title</h1>';  $(".button").click(function(){    $(".modal").show();    $(".modal-content").html(content1);  });  $(".btn").click(function(){    $(".modal-content").html(content2);    console.log(content2);  });});.modal{  width: 300px;  height: 300px;  margin: auto;  display: none;  background: #eee;  padding: 20px 0;  text-align: center;}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><button class="button">Open modal</button><div class="modal">  <div class="modal-content"></div></div>
查看完整描述

1 回答

?
慕姐4208626

TA貢獻1852條經驗 獲得超7個贊

在第二次單擊中,您需要從正文委托事件。由于附加事件時該元素不存在于 DOM 中。所以將其更改$(".btn").click(function(){ 為 $("body").on('click', '.btn', function() {


$(function() {

  var content1 = '<p>This is a paragraph</p><button class="btn">Show other content</button>';


  var content2 = '<h1>This is a title</h1>';


  $(".button").click(function() {

    $(".modal").show();

    $(".modal-content").html(content1);

  });


  $("body").on('click', '.btn', function() {

    $(".modal-content").html(content2);

    console.log(content2);

  });

});

.modal {

  width: 300px;

  hieght: 300px;

  margin: auto;

  display: none;

  background: #eee;

  padding: 20px 0;

  text-align: center;

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<button class="button">Open modal</button>

<div class="modal">

  <div class="modal-content"></div>

</div>


查看完整回答
反對 回復 2023-08-05
  • 1 回答
  • 0 關注
  • 113 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號