javascript - jquery mobile 无法获取正确的 url

Question

每当创建按钮单击事件时，我都会获取按钮的 data-url 属性并将页面更改为该 URL。问题是页面加载了两次并且网址不正确，但它显示当前页面+#panel-responsive-page1(div id，我不知道它来自哪里)。

这是我的 JavaScript。我做错了什么？

jQuery( ".button" ).on( "vclick", function( ) {
            $.mobile.changePage( $(this).attr('data-url'), { transition: "slideup"} );
        });

这就是按钮的创建方式:

<button type="button" data-url="'.$button['data_url'].'" class="button data-theme-a"'.$button_class.'  >' . $button['name'] . '</button>

我也尝试过使用更改事件，但问题仍然存在。 提前致谢。

Answer 1

尝试改变:

data-url="'.$button['data_url'].'"

至:

data-url="'.$button["data_url"].'"