2

私もこの2日間グーグルでこのサイトを閲覧しましたが、同様の問題は見つかりませんでした。私はjQueryを初めて使用し、これが他の投稿と重複しないことを願っています。

$(this).css("font-weight", "bold"); //this works
$(this).css({"font-weight":"bold"}); //this works as well

$(this).css("font-weight", "normal"); //this doesn't work
$(this).css({"font-weight":"normal"}); //this doesn't work either

テキストフォントの太さをNORMALに設定できないのはなぜですか（私の場合）？Firefox 17.0.1を使用していますが、フォントを通常に設定する機能は、以前のバージョンのFirefoxでも機能しません。

更新：このサイトを閲覧した後、昨夜、私の問題はようやく解決され、非常によく似たものが見つかりました。何人かの人々がHTMLスニペットを検索して検索する必要が<b>あり</b>、私は次の方法で問題を修正しました。

これを使用して： " $(this).find('strong, b').css('font-weight', 'normal')"

代わりに：" $(this).css('font-weight', 'normal')"。

問題が解決しました！昨日私に手を貸してくれたみんなに感謝します。

4

6 に答える 6

1

cssスタイルではなくjQueryに問題がある可能性があります。

私のhtml：

<p id="text">Lorem Ipsum Dolor Sit Amet</p>
<p id="bold">Click to : bold</p>
<p id="normal">Click to : normal</p>

およびjQuery：

function action() {
    "use strict";
    $("#normal").click(function () {
        $("#text").css("font-weight", "normal");
    });
    $("#bold").click(function () {
        $("#text").css("font-weight", "bold");
    });
}

$(document).ready(function () {
    "use strict";
    action();
});
于 2013-03-18T06:07:36.720 に答える
1

通常は私にとっても機能していますが、問題が発生した場合は、font-weightを空の文字列に設定してみてください。通常のデフォルトが適用されます。

ライブデモ

$(this).css("font-weight", "");
于 2013-03-18T05:59:10.453 に答える
1

Normatは正常に動作しています。使用しているjqueryのバージョンをクロスチェックできますか？私たちもあなたの問題を理解できるようにコマンドを与えてください

脚本

$("#div1").css("font-weight", "bold");
$("#div2").css("font-weight", "normal");
$("#div3").css("font-weight", "bold");
$("#div4").css("font-weight", "");

HTML

<div id="div1" >some text</div>
<div id="div2" >some text</div>
<div id="div3" >some text</div>
<div id="div4" >some text</div>
<input type="button" onclick="javascript:$('#div1').css('font-weight','normal')" value="Normal"/>
<input type="button" onclick="javascript:$('#div1').css('font-weight','bold')" value="Bold"/>

デモ

于 2013-03-18T06:08:49.497 に答える
1

これは、私のPHPファイルの1つにあるPHPコードの下のHTML部分です。

<html>
    <head>
    <style type="text/css">
        td a:link {text-decoration: none; color: inherit;}
        td a:visited {text-decoration: none; color: inherit;}
        td a:active {text-decoration: none; color: inherit;}
        td a:hover {text-decoration: underline; color: blue;}
    </style>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function()
        {
            $('td[id="text_linked_to_detail_page"]').click(function(event)
            {
                $(this).css("font-weight", "normal");
                event.preventDefault();
            });
        });
    </script>
    <title>View Data</title>
</head>
<body>
</body>
</html>
于 2013-03-18T06:24:48.273 に答える
0

CSSfont-weightプロパティを明確にしましょう

定義と使用法

このfont-weightプロパティは、テキスト内の文字の表示方法thickまたはthin文字を設定します。

デフォルト値：通常

デフォルト値をテキストに設定しているため、コードは機能していますが、違いは、変更が視覚的に表示されないことです。

于 2013-03-18T06:05:20.280 に答える
0

あなたのスニペットに基づく私のコード：

<html>
    <head>
    <style type="text/css">
        td a:link {text-decoration: none; color: inherit; }
        td a:visited {text-decoration: none; color: inherit; }
        td a:active {text-decoration: none; color: inherit; }
        td a:hover {text-decoration: underline; color: blue; }
    </style>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript">
        /*global $, jQuery, document*/
        $(document).ready(function () {
            "use strict";
            $('#text').click(function (event) {
                $(this).css("font-weight", "normal");
                event.preventDefault();
            });
        });
    </script>
    <title>View Data</title>
</head>
<body>
<p id="text" style="font-weight: bold;">Lorem ipsum</p>
</body>
</html>

デモ

したがって、この行に問題があると思います'td[id="text_linked_to_detail_page"]'。ドット表記を使用してみてください。または、IDが確かに一意であるかどうかを確認してください。

于 2013-03-18T07:07:29.053 に答える