ホームページ  >  記事  >  ウェブフロントエンド  >  css無効_html/css_WEB-ITnose

css無効_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:22:39995ブラウズ

CSS

ページにインライン スタイルを記述しましたが、js を使用して新しい HTML を読み込む場合、クラスの対応付けは効果がありません。この問題が発生する理由はありますか?

ディスカッションへの返信 (解決策)

1. js がスタイルを変更したかどうかを確認します
2. スタイルシートが正しく読み込まれているかどうかを確認します
3. インラインスタイルが正しく記述されているかどうかを確認します
4. コードセクションを除外して分析し、どのセクションに問題があるかを確認します

1. js がスタイルを変更したかどうかを確認します
2. スタイルシートが正しく読み込まれているかどうかを確認します
3. インラインスタイルが正しく記述されているかどうかを確認します
4. コードセクションを除外して分析し、どのセクションに問題があるかを確認します

私 js はスタイルを変更せず、HTML をロードするだけです。初めてロードするときは機能しますが、クリックして再度ロードするとスタイルが無効になります。ロード時に注意すべき点はありますか? HTMLをjsで?


1. 正しいかどうかを確認する 一部のjsがスタイルを変更しているかどうか
2. スタイルシートが正しく読み込まれているかどうかを確認する
3. インラインスタイルが正しく記述されているかどうかを確認する
4. 除外して分析するコードのセクションを見て、どのセクションに問題があるのか​​を確認してください

私の js はスタイルを変更していません。初めてロードするときは問題ありませんが、クリックして再度ロードすると、スタイルが無効になります。 jsでHTMLをロードするときに注意することはありますか?


初めてロードするときは問題ありませんが、再度ロードするときにクリックするとスタイルが無効になります(最初のロードで機能した元のコードと比較してください) 2回目のロードで失敗した元のコードで違いを確認します)

jsでhtmlをロードする際に特に注意することはありません。記述は正しく、パスも正しいです

<で書かれたスタイルは、スタイル>?

「.class」が記述されているか確認
要素に直接書かれたスタイルで上書きされていないか確認


1. jsでスタイルが変更されているか確認
2. スタイルシートが正しく読み込まれているか確認
3インライン スタイルが正しく記述されているかどうかを確認します
4. コードのセクションを除外して分析し、どのセクションに問題があるかを確認します
私の js はスタイルを変更せず、HTML をロードするだけで問題ありません。初めてクリックしましたが、再度ロードするとスタイルが無効になります; js で HTML をロードするときに注意する点はありますか?

検査要素をクリックすると、動的にロードされた DOM 構造が表示されます。と比較することで区別することができます。

みんなに見てもらえるようにコードを投稿することをお勧めします

で書かれたスタイル?


".class" と書かれているか確認
要素に直接書かれたスタイルで上書きされていないか確認

はい、スタイルで書かれています
dom構造は同じです、検査にもchromeを使いました要素を参照してください。js のみがロードされます。 その他のデータ

みんなが見てもらえるようにコードを投稿することをお勧めします


コードは比較的長く、投稿するのが難しい


        //table += ('

'+monthNames[month]+' '+year+'

');
        table += ('
');
        table += ('     
<
');
        table += ('     
');
        table += monthNames[month] + ' ' + year;
        table += ('     
');
        table += ('     
>
');
        table += ('
');
        // uncomment the following lines if you'd like to display calendar month based on 'month' and 'view' paramaters from the URL
        //table += ('');
        //table += ('');
table += ('');

table += '';

for (d = 0; d < 7; d++) {
table += '';
}

table += '';

var days = getDaysInMonth(月, 年);
var firstDayDate = 新しい Date(年, 月, 1);
var firstDay = firstDayDate.getDay();

var prev_days = getDaysInMonth(月, 年);
var firstDayDate = 新しい Date(年, 月, 1);
var firstDay = firstDayDate.getDay();

var prev_m = 月 == 0 ? 11: 月 - 1;
var prev_y = prev_m == 11 ? 年 - 1 : 年;
var prev_days = getDaysInMonth(prev_m, prev_y);
firstDay = (firstDay == 0 && firstDayDate) ? 7 : 初日。

var i = 0;
var tempDate = "";
for (j = 0; j < 42; j++) {
if ((j < firstDay)) {
//前 月table += ('');
} else if ((j >gt;= firstDay + getDaysInMonth(月, 年))) {
//来月
i = i + 1;
table += ('');
} else {
// now month
table+=( '&lt; td class = "hm'); ' dayActive');
else {
table += (' 現在の月の日Css');
}
table += ('"');
table += (' onclick="javascript:$.fn.dateevent('' + year.toString() + '-' + (month + 1).toString() + '-' + (j - firstDay + 1 ).toString() + '');"');
表 += ('>');
table += (' table += ('>');
テーブル += (j - firstDay + 1);
table += ('
');
}
if (j % 7 == 6) table += ('');
}

table += ('
' + dayNames[d] + '
tempDate = prev Year.toString() + '-' + (prevMonth).toString() + '-' + (prev_days - firstDay + j + 1).toString();
table += (' onclick="javascript:$.fn.dateevent('' + tempDate + '');"');
表 += ('>');
table += ('' + (prev_days - firstDay + j + 1) + '
                table += (' onclick="javascript:$.fn.dateevent('' + nextyear.toString() + '-' + (nextMonth).toString() + '-' + i.toString() + '') ;"');
表 += ('>');
table += (' table += ('>');
テーブル += i;
table += ('
');

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。