一键关闭后如何使jquery对话框关闭

时间:2019-03-07 13:54:08

标签: javascript jquery jquery-ui

我的对话框仅在单击两次后关闭,而不是单击一次。我不确定为什么第一次单击时它不会关闭。对话框是否需要隐藏?我试过dialog.dialog.hide();收盘后也是如此,但这并没有给我带来好运。这就是我的对话框。

mMap.setOnMapClickListener(new GoogleMap.OnMapClickListener() {
        @Override
        public void onMapClick(LatLng latLng) {
            float lat = (float) latLng.latitude;
            float lon = (float) latLng.longitude;
            mMap.clear();
            mMap.addMarker(new MarkerOptions().position(latLng).title("Marker in " + lat +" "+ lon));
            mMap.moveCamera(CameraUpdateFactory.newLatLng(latLng));

        }
    });

1 个答案:

答案 0 :(得分:0)

请考虑以下内容:https://jsfiddle.net/Twisty/eo4z5gaj/

JavaScript

$(function() {
  var dialog = $('<p>Cannot post. </p>').dialog({
    height: 150,
    width: 300,
    buttons: {
      "Ok": function(event) {
        $(this).dialog('close');
      }
    }
  });
});

最好为$(this)引用.dialog()。本质上它们是相同的。

如果此代码仍需要单击两次“确定”,则应查看您的浏览器或控制台。上面的代码只需在FireFox中单击即可。

您还可以考虑:https://jsfiddle.net/Twisty/eo4z5gaj/8/

JavaScript

$(function() {
  var dialog = $('<div>', {
    title: "Error"
  }).html("<p>Cannot Post.</p>").dialog({
    height: 160,
    width: 300,
    buttons: {
      "Ok": function(event) {
        $(this).dialog('close');
      }
    }
  });
});

希望有帮助。