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

时间:2014-03-21 15:26:34

标签: jquery asp.net jquery-mobile

我的主页是这样的

 <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" width="64" height="64">
    <h2>MASA 1 </h2>
   </a></li>
    <li data-icon="info"><a href="MsaSiparis.aspx?Msa=2">
        <img src="Img/s.jpg" width="64" height="64">
    <h2>MSA 2</h2>
   </a></li>
    <li data-icon="info"><a href="MsaSiparis.aspx?Msa=3">
        <img src="Img/s.jpg" width="64" height="64">
    <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.how也可以解决这个问题

1 个答案:

答案 0 :(得分:1)

您的代码运行正常

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

  });

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