修正しなければならないテンプレートに非常に深刻な問題があります。最適化して IE で使えるようにしないと…ということで、画像が多いので ajax でページを読み込むことにしました (そもそも、すべてのページが同じページに読み込まれていました :/)。すべてが Firefox では完璧に動作しますが、IE では地獄です。
現時点での私の問題は、IE がいくつかの ajax をロードした要素を認識したくないということです。
var container = _.curr.find('.the-content');
var page = container.parents('li');
$.post(
url, {
ajaxloaded: '1',
pageloaded: _.curr.attr('id')
},
function (data) {
var newcurr = $(data).find('#' + _.curr.attr('id'));
var newcontainer = $(newcurr).find('.the-content');
container.html(newcontainer.html());
var scrollbar_new = container.find('.scrollbar1')[0];
console.log('nScroll:' + $(container).find('.scrollbar1').length);
if ($(data).find('.scrollbar1').length > 0) {
$(data).find('.scrollbar1').each(function (i) {
console.log('scrollid:' + $(this).attr('id'));
$(this).tinyscrollbar({
sizethumb: 134
});
});
}
});
IEは、tinyscrollbar 関数を受け入れることができない$(this).tinyscrollbar({ sizethumb: 134 });などのエラーを返します:/ (ただし、最初のページの読み込み時に読み込まれた要素に対しては機能します)。$(this)正確な ID($('#exactID'))で試してみましたが、同じ結果が得られました…</p>
ご協力いただきありがとうございます ！:)
編集：したがって、問題は機能内のプラグインが失われたことが原因のようですが$(window).load()、それらはまだ$(document).ready();