奈何两字拉成桥、不得不双击两次才能激活的JS方法

Aug 18, 2017, 艳阳高照

REQUEST

vv在做一个自带Google地图功能的Microsite，经纬度都研究明明白白的了，却被一个小问题困扰着，每次刷新页面之后点击链接都必须点击两次才能激活功能，而之后只需要点一次就可以，这个小哥用最近新学的AngularJs写的功能，抓耳挠腮不知道是AngularJs哪里出了问题

SOLUTION

在Google里边搜了一下“javascript have to click twice”，竟然有好多人遇到相同的问题，打开了几个stackoverflow，看了其中两个，发现说的都是同一个情况，《I have to click twice to activate function using jQuery》（https://stackoverflow.com/questions/28746323/i-have-to-click-twice-to-activate-function-using-jquery）在htm里边用onclick引用了JS里写的方法，问题就出现在JS里对应的function中重复绑定了click功能。看到这个答案，反观自己的HTML和JS代码

<h4>Where you'll find us</h4>
<div class="clearfix"> <span class="search-store-icon">Region:</span>
  <input type="text" placeholder="" name="" class="search-store" ng-model="searchStores" ng-change="timeflash()">
  <ul class="storelist" ng-show="searchStores.length > 0" ng-focus="hasFocus=true">
    <li ng-repeat="x in stores | filter:searchStores | orderBy:'region'" ng-mouseover="mouseOverEvent($index)" ng-click="enterKeyEvent($event)" data-storeidx="{{ x.storeidx }}" data-omni-type="microsite" data-omni="{{ x.omn }}">{{ x.name }}</li>
  </ul>
</div>

更多相关文章

随机推荐