jQuery UI对话框中的插件不工作

我很难使用jQuery对话框，因为这是我第一次使用它们而不是Lightbox.js。我正在打开一个对话框窗口，其中包含使用jQuery uniform.js样式的选择菜单。问题是统一插件没有设置选择菜单的样式，我已经尝试了一切，从将JS内联到在对话框加载时重新初始化插件

下面是初始化对话框窗口的方法

然后在加载的窗口中，我有以下代码

当我通过浏览器加载页面时，选择菜单的样式非常完美，但当它在对话框窗口中加载时，JS无法对其进行样式设置

---

有什么建议吗？提前感谢。

尝试在打开对话框open:function{感谢您的响应。open:function{$.styled.uniform；}，-时初始化插件。它实际上以相同的方式加载，然后重定向到调用的href。您可以举一个jsFiddle类型的例子吗？这会更容易将问题可视化。

$('.dialog_function').each(function() {
    var $link = $(this);
    var $dialog = $('<div></div>')
        .load($link.attr('href'))
        .dialog({
            autoOpen: false,
            title: $link.attr('dialog'),
            width: 550,
            draggable: false,
            modal: true,
            open: function(){
                console.log('dialog opened');
            },
            buttons: {
                "Submit": function(){},
                "Close": function () {
                    $(this).dialog("close");
                }
            }
        });

    $link.click(function() {
        $dialog.dialog('open');
        return false;
    });
}); 

<link rel="stylesheet" type="text/css" href="../css/uniform.css" media="screen" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="../js/plugins/forms/jquery.uniform.js"></script>

<script type="text/javascript">
    $(function() {
        console.log('test');
        $(".styled").uniform();
    });
</script>

<div class="dialog">
    <form action="">
        <label>Contact:</label>
        <input type="text" name="contact" class="clear" placeholder="" />
        <label>Task:</label>
        <input type="text" name="task" class="clear" placeholder="" />        
        <label>When is this task due?:</label>
        <input class="span12" type="date" name="date" />
        <label class="mt10">Who is repsonsbile?:</label>
        <select name="" class="styled clear">
            <option value="">Usual select box with dropdown styling</option>
            <option value="">Option 2</option>
            <option value="">Option 3</option>
            <option value="">Option 4</option>
            <option value="">Option 5</option>
            <option value="">Option 6</option>
            <option value="">Option 7</option>
            <option value="">Option 8</option>
        </select>        
        <label class="mt10">Who is repsonsbile?:</label>
        <select name="" class="styled clear">
            <option value="">Usual select box with dropdown styling</option>
            <option value="">Option 2</option>
            <option value="">Option 3</option>
            <option value="">Option 4</option>
            <option value="">Option 5</option>
            <option value="">Option 6</option>
            <option value="">Option 7</option>
            <option value="">Option 8</option>
        </select> 
    </form>
</div>