jquery - Google マップの .click() でレイヤーを非表示にする

Question

私は GoogleMaps と Bootstrap API を使用しています。

私がしたいのは、クリックすると特定のレイヤーが非表示になり、新しいレイヤーが表示されるボタンを追加することです.jQueryで試してみましたが、問題はボタン.click()イベントからレイヤーを非表示にできないことです. .

//Javascript #indicacionmapa confirmation button
infowindow.setContent('<a href="#" class="btn btn-success btn-large" id="btnconfirmaubica"> Esta es la ubicación &#x2713; </a>');

//Jquery 
$(document).load(function() {
    $("#btnconfirmaubica").click(function () {
        $("#segundopaso").slideUp("slow");
        $("#primerpaso").slideDown("slow");
    });
});

お役に立てれば幸いです

Answer 1

変化する：

$(document).load(function() {

と：

$(document).ready(function() {

また、動的に生成された要素については、イベントを委任する必要があります。次のことを試してください。

$(document).ready(function() {
    $("body").on('click', '#btnconfirmaubica', function() {
        $("#segundopaso").slideUp("slow");
        $("#primerpaso").slideDown("slow");
    });
});