在对话框jquery中加载php页面时，CSS不适用于表单元素

Question

所以我在网站上有分类按钮，当它们被点击时，会弹出一个jquery对话框，显示的信息是从php脚本返回的，具体取决于分类。这一切都工作得很好，但样式表不会应用于返回的数据(选择菜单、复选框等)。

$$.ready(function() 
{
    var dlg=$('#product_dialog').dialog({
    resizable: true,
    autoOpen: false,
    modal: true,
    hide: 'fade',
    width:350,
    height:275
 });


    $( "#bestelling_1" ).on("click", "#product_dialog_open", function(e) 
    {
        e.preventDefault();
        dlg.dialog('open');
        var id = 1;
        $('#product_dialog_test').html('Ogenblik geduld..');
        $.ajax({
          url: "scripts/load_product_dialog.php?id="+id
        }).done(function(data) {
          $('#product_dialog_test').html(data).trigger('create'); // display data
        });
  }); 

})；

所以这一切都运行得很完美，对话框被打开、加载等等。只有从head中的index.php加载的样式表不适用于这个动态检索的数据。

Answer 1

您应该提供有关DOM和样式表的更多详细信息，以便我们可以跟踪问题。有很多东西可以阻止样式的应用，

1. 确保css文件已实际加载，您可以在浏览器的开发人员工具中查找它。
2. 确保您已经编写了css规则，且它包含了您想要设置样式元素。它可以被其他规则或第三方css文件中的规则覆盖。你也可以在开发人员工具中查找这一点。
3. 如果你的新数据被加载到iFrame中，它将不会使用你页面中的任何CSS规则。您必须将css规则放入iFrame加载的页面中。

Answer 2

您是否在使用Jquery UI或其他类似的框架？对于其中的许多情况，您需要在动态添加元素时重新应用属性。

例如，如果我使用的是JQuery UI，并且在页面加载后添加了一个按钮。我需要运行$('button').button()来将Jquery UI按钮属性应用到它。

如果不是这样，你需要在你的问题中添加更多的细节。或者创建一个带有最小可验证示例的jsFiddle。

Answer 3

我已经找到原因了。我必须在加载内容后初始化插件。