必须点击两次按钮才能执行功能
Have to click button twice for function to execute
我试图在单击Add Comment
按钮后让弹出窗口消失,但我必须单击两次才能使其工作。当我第一次点击它时,两个按钮消失并重新出现。然后,当我第二次点击它时,它会消失,功能也会正常工作。
后退按钮与第一次点击时消失的弹出窗口完美配合。我认为这与试图在我的评论功能中做到这一点有关,但我不明白。
HTML代码:
<div data-role="popup" id="popupComment" data-theme="a" class="ui-corner-all">
<form>
<div style="padding:10px 20px;">
<h3>Please add comment</h3>
<label for="un" class="ui-hidden-accessible">Comment:</label>
<input type="text" name="comment" id="comment" value="" placeholder="Comment" data-theme="a">
<button onclick="goCommenting()" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">Add Comment</button>
<button onclick="document.getElementById('popupComment').style.display='none'; event.preventDefault();" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">Back</button>
</div>
</form>
</div>
JavaScript代码:
function goCommenting(){
//alert(document.getElementById("comment").value);
var infoWindow = new google.maps.InfoWindow();
var listener1 = map.addListener('click', function(e) {
//var comment = document.getElementById("editNameBox").value;
placeMarkerAndPanTo(e.latLng, map,comment);
});
function placeMarkerAndPanTo(latLng, map) {
var commentMarker = new google.maps.Marker({
position: latLng,
map: map,
draggable:true
});
(function (commentMarker) {
google.maps.event.addListener(commentMarker, "click", function (e) {
//Wrap the content inside an HTML DIV in order to set height and width of InfoWindow.
infoWindow.setContent("<div>'"+document.getElementById("comment").value+"'</div>");
infoWindow.open(map, commentMarker);
});
})(commentMarker);
//(function (commentMarker) {
google.maps.event.addListener(
commentMarker,
'drag',
function() {
//document.getElementById('lat').value = marker.position.lat();
//document.getElementById('lng').value = marker.position.lng();
}
);
//})(commentMarker);
google.maps.event.removeListener(listener1);
}
event.preventDefault();
document.getElementById('popupComment').style.display='none';
}
尝试阻止表单提交事件。
<form onSubmit="return false">
相关文章:
- 我必须点击两次才能激活任何按钮操作(离子/角度)
- 加载时可以单击按钮#1,然后需要单击按钮#2两次.按钮#1也需要点击两次
- 当使用jquery live功能时,按钮将被触发两次
- 当再次单击时,我希望颜色消失.(喜欢/讨厌按钮,一切都可以,但如果我点击两次喜欢按钮,我希望颜色消失)
- 必须点击两次按钮才能执行功能
- JS函数中的一个点击按钮被调用了两次
- 十月CMS-单选按钮Ajax连续点击两次导致内容消失
- 按钮点击功能启动两次
- 需要单击按钮两次才能使javascript函数提供输出
- 按钮启动应用程序,但不会启动两次
- Facebook Javascript sdk,需要按两次登录按钮
- 单击两次提交按钮以发布表单
- 必须单击按钮两次才能执行功能 - jQuery
- 我的幻灯片网站仅在单击按钮两次以运行 JS 时才有效
- 防止在angularjs中单击按钮两次
- jQuery -必须按下按钮两次或更多次,使功能坚持
- 动画Javascript显示/隐藏按钮两次
- 点击按钮两次提交表格
- 当点击一个按钮两次时,多个功能
- 为什么我必须点击这个输入按钮两次才能调用一个函数?