统一和Fancybox冲突

时间:2010-11-09 08:50:21

标签: javascript jquery html fancybox

我正在使用Uniform-plugin来设置表单元素的样式。除了精选框中的选择选项外,一切都有效。我可以统一它,但当我点击它&选择另一个值,顶部保留。怎么解决这个问题?

现在是我的代码:

var tempdiv= $('#editHours'); //empty existing div I attach all content to in js
console.log('div.html():'+tempdiv.html());

$.fancybox(tempdiv.html()
    ,{

        'autoDimensions'    : false,
        'width'             : 300,
        'height'            : 100,
        'transitionIn'      : 'none',
        'transitionOut'     : 'none',
        'scrolling'         : 'no',
        onStart             : function onStartFancyEdit(e) {
            //$(".dayOption").val('0');
           // $.uniform.update(".dayOption");
           //$.uniform.update();
        },
        'onComplete'    : function() {
           // dayInput.uniform();
            //$.fancybox.resize();
            $.uniform.update();
        }

console.log提供:

div.html():
<input class="start" style="height: 15px; width: 32px; padding: 0px; font-size: 11px;" type="text">

    - <input class="end" style="height: 15px; width: 32px; padding: 0px; font-size: 11px;" type="text">
    <div id="uniform-dateSelect" class="selector">
        <span style="-moz-user-select: none;">Day 1 : Sat Nov 13 2010</span>
        <select style="opacity: 0;" class="dayOption" id="dateSelect">
            <option value="Sat Nov 13 2010">Day 1 : Sat Nov 13 2010</option>
            <option value="Sun Nov 14 2010">Day 2 : Sun Nov 14 2010</option></select>
    </div>
    <input id="editArtistHours" class="button" onclick="return false;" title="Click here to edit the artist hours" value="Edit Hours" tabindex="100" type="button">
    <span id="loading">
        <img style="display: none;" src="images/layout/loader.gif" alt="Loading">
    </span>
    <div id="error"></div>

Fancyblox插件:fancybox.net/ 统一插件:http://pixelmatrixdesign.com/uniform/

1 个答案:

答案 0 :(得分:1)

你可以看看这个链接,希望它有所帮助:

jquery inside fancybox not working