Question

我正在尝试创建指向页面的链接以及同时调用一个函数。但问题是我无法通过使用on onclick或onload来调用函数。

onload函数未被调用，因为页面没有重新加载

我的代码如下。

HTML代码

<body onload="loadData();">

<div  data-role="page" class="index"   >

    <div data-role="header" data-theme="b">

             <h1> EXPENSE SHEETS </h1>
             <a href="#expense_details"   data-role="button" data-transition="flip"   > +  </a> 

    </div><!-- /header --> 

    <div data-role="content" data-theme="b"  > 
   <div id="contentexist"> If any stored expense data is there comes here  </div>


    <ul data-role="listview" data-theme="c" data-inset="false" data-filter="false" id="contenta">

    </ul><!-- /content --> 
</div>
    <div data-role="footer" data-theme="b">
       <a href="index.html"  class="headerButton" data-icon="home">home </a>
    <a href="index.html" class="headerButton" data-icon="back" > back</a>
    <a href="#popupBasic" data-rel="popup">menu</a>

<div data-role="popup" id="popupBasic" data-position-to="window" class="ui-content" >
<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a
    <p>This is a completely basic menu, no options set.<p>
</div>     
    </div><!-- /footer --> 

</div> <!-- /page --> 

<div data-role="page" id="expense_details" class="index" >

    <div data-role="header" data-theme="b">
    <h1>  EXPENSE SHEET DETAILS  </h1>   

    <a href="#" class="headerButton" data-icon="check" id="savebtn" onclick="savebtn()"> Save</a>
    </div>

     <div data-role="content" data-theme="b">  
          <div data-role="fieldcontain">
          <label for="title">Title</label>
          <input type="text" name="title" id="title" value="" />
        </div>    

        <div data-role="fieldcontain">
            <label for="date">Date</label>
            <input type="date" name="date" id="date" value=""  />
        </div>

        <div data-role="fieldcontain">
            <label for="comments">Comments</label>
            <input type="text" name="comments" id="comments" value="" />
        </div>

    </div>

      <div data-role="footer" data-theme="b">

       <div data-role="fieldcontain">
            <label for="stotal">Sheet total</label>
            <input type="text" name="stotal" id="stotal" disabled="disabled"  />
        </div>
        <a href="index.html"  class="headerButton" data-icon="home">home </a>
         <a href="page1.html"  class="headerButton" data-icon="back">back</a>

       <a href="page1.html"  class="headerButton" data-transition="slidedown" > + </a> 




    </div>


</div>

JAVASCRIPT

 function loadData(){



 $('#contenta').append( '<li> <a rel="external"   href=" '+b+'" > <br>'  + row.exp_title + '. ' + row.exp_date+ ' ' + a + '' + row.exp_comments + '</a></li>' );

    }

其中b =“page1.html＃expense_details？” + row._id;

现在我想通过使用onclick调用一个函数，但是现在我的onclick没有工作，页面也没有重新加载。无论如何重新加载页面。

另外我想补充说，a标签是动态创建的

追加只不过是说代码是动态的。

Answer 1

除非提供更多信息：您无法首先刷新浏览器的内容，然后执行上一个上下文中的javascript函数（即他们点击链接时所在的页面）。

当用户在浏览器加载链接的新上下文之前点击链接时，可以做的事情就是触发一个功能。但是，再次更新上下文时，活动页面将被推送到浏览器的历史记录中，并且不再起作用。

使用href重新加载页面并同时调用函数

1 个答案: