Question

我正在开发opencart。每次用户单击包含产品页面的链接时，我都会尝试创建模式对话框弹出窗口。该链接内有一个标签（评论，描述）。它加载成功，但选项卡不起作用。我该如何解决这个问题？

这就是我所说的：

$('a[href*="index.php?route=product/product"]').click(function(event){
    event.preventDefault();
    showDialog(this.href);
});

$("#dialog-modal").dialog({  //create dialog, but keep it closed
   autoOpen: false,
   height: 550,
   width: 1000,
   position: "center",
   modal: true,
   close: function(event, ui) { $('#wrap').show(); },
   open: function(event, ui) { $('.ui-widget-overlay').bind('click', function(){ $("#dialog-modal").dialog('close'); }); }
});

function showDialog(urlToLoad){  //load content and open dialog
    $.ajax({
        type: "POST",
        url: urlToLoad,
        success: function( returnedData ) {
            var $html = $(returnedData);
            var content = $html.find('#content').find('.breadcrumb').remove();
            content = $html.find('#content').html();
            var container = document.getElementById('dialog-content');
            container.innerHTML = content;
            $("#dialog-modal").dialog("open");
            $('#tabs a').tabs();
      }
    });
}

显然 $（'＃tabs a'）。tabs（）; 在 $（“＃dialog-modal”）。对话框（“打开”）; 之后没有用。

Answer 1

最后我解决了这个问题。这只是一个愚蠢的问题，我忘了在我的调用者页面中导入jquerytabs.js。所以tabs（）函数不起作用。现在它完美无缺。

jQuery对话框加载来自url的选项卡不起作用

1 个答案: