Блог

средство выбора даты пользовательского интерфейса jquery помещает текст поверх кнопки вместо изображения, на которое я пытаюсь связать в Jquery. Это происходит при отправке и когда IE 8 находится в режиме совместимости. Кто-нибудь когда-нибудь сталкивался с этим? Это самая странная вещь, которую я когда-либо видел. У кого-нибудь есть идеи, почему это происходит?

Позвольте мне показать вам картину того, что я испытываю.

Перед,

После.

Вот код, который я использую для выбора даты

 $(".datepicker1").datepicker({
        showOn: 'both',
        buttonImage: '<%=Url.Content("~/images/calendar.gif")%>',
        dateFormat: 'mm/dd/yy',
        changeMonth: true,
        changeYear: true
    });
  

Мне пришло в голову, что мой валидатор jquery может что-то перезаписывать…
Вот мой код jquery…

 $("#temp1").validate({
        rules: {
            HospitalFinNumber: {
                required: true,
                minlength: 6
            },
            DateOfBirth: {
                required: true
            },
            AdmitDate: {
                required: true
            }
        },
        messages: {
            HospitalFinNumber: 'Please Enter a Hospital Fin number',
            DateOfBirth: 'Please enter a valid DateOfBirth',
            AdmitDate: 'Please select an Admin Date'
        },
        errorElement: "div",
        wrapper: "div",
        errorPlaceMent: function (error, element) {
            element.before(error);
            offset = element.offset();
            error.insertBefore(element);
            error.css('position', 'absolute');
            error.css('left', offset.left);
            error.css('top', offset.top - element.outerHeight());
        }
    });
  

Я думаю, это также как-то связано с увеличением ширины кнопки. Как я могу гарантировать, что ширина кнопки всегда остается неизменной? Это может решить проблему. Кроме того, если у вас нет ответа, пожалуйста, подскажите, куда я могу пойти, чтобы узнать больше о проблеме и возможном способе ее устранения. Любая помощь вообще была бы шагом в правильном направлении. Кроме того, я надеюсь, что этот конкретный пост не превысит мой 30-дневный итог! :-).
Кроме того, как я могу установить ширину файла error.css, чтобы он не сходил с ума при появлении сообщения об ошибке?

ОБНОВЛЕНИЕ связано с тем, как я проверяю, я думаю

Я думаю, это связано с тем, как я размещаю свой элемент ошибки в своей таблице. Как я могу правильно разместить свое сообщение об ошибке внутри столбца таблицы, строки?

установите для buttonImageOnly значение true…

 buttonImageOnly: true
  

Это сделало это!