javascript - 从网站 url 调用 jQuery 对话框

Question

我正在尝试做这样的事情： https ://www.easybring.com/#registration

如您所见，“注册”位于 jquery 对话框中，可以通过单击网站内的注册按钮打开该对话框。直到现在我很好：

<a onClick="showDialog({$product['id']});">More Info </a>

我的头包含：

function showDialog(productID){
    $( "#dialog-modal_"+productID ).dialog({
        width: 770,
        height: 590,
        modal: true,
        open: function(event, ui){
        }
    });
}

当然，我有 div：

<div id="dialog-modal_{$product['id']}" style="display: none;">
<iframe src="index.php?act=showProduct&id={$product['id']}" width="100%" height="100%" frameborder="0" scrolling="no"></iframe> 
</div>

但我想做的是通过网站 url 调用该 jquery 特定对话框：#registration。

我该怎么做？

非常感谢！

Answer 1

这个应该工作：

$(document).ready(function() {
if( window.location.href.indexOf( '#registration' ) != -1 ) {
    showDialog({$product['id']});
}
});

希望能帮助到你 ：）

Answer 2

您可以在文档加载事件中处理您的网址：

$(function() {
    if (window.location.toString().indexOf('#registration') > -1) {
        showDialog({$product['id']});
    }
});

代码可能不起作用，但我认为这个想法很明确。

这可能会帮助您在 JS 中使用 url 字符串：如何使用 jQuery 从 URL 中获取锚点？

Answer 3

为什么不在 $(document).ready() 中调用showDialog ( )

像这样的东西

 $(document).ready(function(){
    $("#dialog-modal").dialog({modal: true});
});