每个按钮单击事件再次加载页面

Posted 2023-05-09

【中文标题】每个按钮单击事件再次加载页面

【英文标题】：Page load again every button click event

【发布时间】：2014-04-29 01:30:55

【问题描述】：

我的主页是这样的

 <ul data-role="listview" data-filter="true" data-filter-placeholder="search..." data-inset="true">
     <li data-icon="info"><a href="MsaSiparis.aspx?Msa=1">
        <img src="Img/s.jpg"  >
    <h2>MASA 1 </h2>
   </a></li>
    <li data-icon="info"><a href="MsaSiparis.aspx?Msa=2">
        <img src="Img/s.jpg"  >
    <h2>MSA 2</h2>
   </a></li>
    <li data-icon="info"><a href="MsaSiparis.aspx?Msa=3">
        <img src="Img/s.jpg"  >
    <h2>MSA 3</h2>

我正在使用一些 jQuery 脚本指向页面 (MsaSiparis.aspx)

 $(document).ready(function () 
   $("#btnEkle").click(function (e) 

                e.preventDefault();

                 var detay = $("#cmbDetay option:selected").text();
                 var miktar = $("#cmbMiktar option:selected").text();
                 var stringSatir = "<tr><th>"+count+"</th><td>"+detay+"</td><td>"+miktar+"</td><td></td></tr>";
                 $("#table-column-toggle").append(stringSatir);
                 ++count;

                 $("#cmbMiktar option:selected").val(1);
                 $("#cmbDetay option:selected").val(1);

            );
   );

我这个页面的按钮是这样的，

  <button id="btnEkle" name="btnEkle" class="ui-btn ui-icon-plus ui-btn-icon-left"> Add</button>

问题是每当我点击添加按钮时页面会刷新并再次加载，即使我使用了 preventdefault。我该如何解决这个问题

【问题讨论】：

您可以尝试将 type="button" 添加到您的按钮吗？看看这里：***.com/questions/932653/…

使用<a> 而不是<button>，按钮会导致刷新。并且不要使用.ready()，使用jQM的页面事件。

尝试<input type="button" 而不是<button>。除非 runat=server，否则不应进行刷新。

我猜这个问题与页面方向有关 ，我尝试了所有但还没有工作

避免使用 $(document).ready(function () 不推荐使用它，而是使用它 $( "#btnEkle" ).on( "click", function()

【参考方案1】：

您的代码运行良好

  $("#btnEkle").click(function (e) 

  );

请看http://jsfiddle.net/v3f3z/6/