Question

我正在尝试制作类似的东西： https://www.easybring.com/#registration

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

<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字符串：How to get the anchor from the URL using jQuery?

Answer 3

为什么不在 $（document）.ready（）

中调用 showDialog（）

像这样的东西

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

从网站url调用jQuery对话框

3 个答案: