Форма, изменить стиль в другом файле
У меня есть такая структура сайта:
Первая страница:
<script src="../jquery.uniform.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(function(){
$("input, textarea, select, button").uniform();
$("#show_image_error").load("adv_dell_img_err.html?id="+ Math.random());
});
</script>
<link rel="stylesheet" href="../css/uniform.default.css" type="text/css" media="screen">
</head>
<body>
In first page:<br/>
<select>
<option>Through Google</option>
<option>Through Twitter</option>
<option>Other…</option>
</select>
<div id = "show_image_error">load file ...</div>
Файл adv_dell_img_err.html:
File 2
//get data from DB ...
<select>
<option>Through Google</option>
<option>Through Twitter</option>
<option>Other…</option>
</select>
Почему униформа в adv_dell_img_err.html не работает? Как их исправить?
Спасибо
1 ответ
Решение
Попробуйте изменить это:
$(function(){
$("input, textarea, select, button").uniform();
$("#show_image_error").load("adv_dell_img_err.html?id="+ Math.random());
});
к этому:
$(function(){
$("#show_image_error").load(
"adv_dell_img_err.html?id="+ Math.random(),
function(responseText, textStatus, XMLHttpRequest) {
$("input, textarea, select, button").uniform();
}
);
});
Я думаю, что проблема заключается в том, что при равномерном выполнении контент еще не был загружен.