清除页面数据而不重新加载页面?

时间:2016-05-12 15:42:13

标签: javascript jquery

我有一个简单的游戏产生一个随机数,并在用户尝试猜测数字的位置接受用户输入,并且代码将每个用户猜测附加到列表中,以便他们知道他们猜到了哪些数字。还有一款新游戏" (.new)链接顶部,用户可以随时点击重新开始。目前我有以下js:

/*--- Reset game ---*/
$(".new").click(function() {
   location.reload();
});

虽然这有效,但我更愿意更改操作,以便页面不需要刷新,而是将代码重置为开头(即生成新的随机数,清除列表项等。 )

不确定如何做到这一点。有任何想法吗?

2 个答案:

答案 0 :(得分:0)

具有构建随机数的功能,并在每次点击新游戏时调用它。 例如,有一个名为generateRandomNumber()的函数,并按以下方式使用它:

/*--- Reset game ---*/
$(".new").click(function() {
    generateRandomNumber(); //Function to start everything from the beginning
});

答案 1 :(得分:0)

您可以拥有一个列表,当用户检查他们的猜测时,将一个元素添加到列表中。对于new,只需从列表中获取所有li元素并将其删除。

两个按钮,public function setUrlRedirect($observer) { $e = $observer->getEvent(); $c = $e->getCategory(); // getting updated data, $data = $observer->getDataObject()->getData(); $c = Mage::getModel("catalog/category")->load($c->getId()); $url = $c->getUrl(); $handle = $data['url_key']; $p = 'catalog/category/view/id/' . $c->getId(); /*$handle . ".html";*/ $id = 'seo-frindly/cat-' . $c->getId() .'.html'; $urlMdoule = Mage::getModel('core/url_rewrite'); $storeId = Mage::app()->getStore()->getStoreId(); if ( $urlMdoule->loadByIdPath($id)->getId() ) { // update $o = $urlMdoule->loadByIdPath($id); $o->setIsSystem(0) ->setStoreId($storeId) ->setOptions('no') ->setTargetPath( $p )// Put the actual path ->setRequestPath( $handle .'.html') ->setRedirect(false) ->save(); } else { // new $urlMdoule->setIsSystem(0) ->setStoreId($storeId) ->setOptions('no') ->setIdPath($id) ->setTargetPath( $p )// Put the actual path ->setRequestPath( $handle .'.html') ->setRedirect(false) ->save(); } return; } new,以及两个点击事件。我做了一个快速草图:

https://codepen.io/anon/pen/oxVKJB

您可以使用随机数生成,验证和填充来完成它。