Ввод файла с плавающим div не работает - PullRequest
Новая
       6

Ввод файла с плавающим div не работает

0 голосов
/ 12 сентября 2010

У меня есть div, который я плаваю как диалог на моей странице. Когда я использую попробовать и использовать, селектор файлов не отображается. Любая помощь будет оценена.

Функция для создания плавающего div выглядит как 

function openFloat($html)
{
    $floatDiv = $('<div id="mainFloater" class="floater" ></div>');
    $center = $('<div id="floaterCenter" class="floater" align="center"></div>');
    $fieldset = $('<fieldset id="floaterFieldset" align="left" id="floaterFieldset"></fieldset>');
    $fieldset.append($html);
    $floatDiv.append($center);

    $center.append($fieldset);
    $('body').append($floatDiv);
}
openFloat($('<input type="file" name="file">'))

Ответы [ 2 ]

0 голосов
/ 13 сентября 2010

Я нашел проблему. У меня было несколько обработчиков кликов. Нажатие на mainFloater будет скрывать все. Клик по floaterFieldset отменит клик (чтобы он не скрывался). Однако отмена щелчка также отменила щелчки для всех кнопок.

0 голосов
/ 12 сентября 2010

Если я использую скрипт при загрузке, он работает. 

<script type="text/javascript">
function openFloat($html)
{
    $floatDiv = $('<div id="mainFloater" class="floater" ></div>');
    $center = $('<div id="floaterCenter" class="floater" align="center"></div>');
    $fieldset = $('<fieldset id="floaterFieldset" align="left" id="floaterFieldset"></fieldset>');
    $fieldset.append($html);
    $floatDiv.append($center);

    $center.append($fieldset);
    $('body').append($floatDiv);
}
$(document).ready(function(){
    openFloat($('<input type="file" name="file">'));
});
</script>
...