2

jquery.css() でスタイルを動的に変更するために使用している div がたくさんあります。プロパティを取得する方法は、コンテナーの div id を返すことです。

この場合、stylechange = "fontFamily" はメイン コンテナーの ID であるためです。

str = チェックされたオプションの値。

これをデバッグするために console.log() と alert() を使用しましたが、文字列が返され、プロパティと値を手動で設定すると機能します。

ただし、変数をプロパティまたは値として使用しても機能せず、困惑しています。

Javascript:

var stylechange = "";
var str = "";
$("select").change(function(){
   stylechange = $("select option:selected").parents(".styleoptions").attr('id');
   str = $("select option:selected").text();
   $(".elementselected textarea").css({stylechange: str});
})

HTML: これは div です

<div class="ui-draggable ui-resizable addeddiv elementselected absolute move" style="position: relative; display: block;">
   <div class="ui-resizable-handle ui-resizable-e" style="z-index: 90; display: block;"></div>
   <div class="ui-resizable-handle ui-resizable-s" style="z-index: 90; display: block;"></div>
   <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
   <div class="removethis ui-resizable-handle absolute">X</div>
   <textarea type="textbox" class="addedtext"></textarea>
</div>

これは、css が ID を取得する HTML です。

<div id="fontFamily" class="styleoptions" style="display: block; text-transform: capitalize;">
   <div class="optiontitle" style="text-transform: capitalize;">family</div>
   <div class="options" style="text-transform: capitalize;">
      <select style="text-transform: capitalize;">
         <option style="text-transform: capitalize;">palatino</option>
         <option style="text-transform: capitalize;">arial</option>
         <option style="text-transform: capitalize;">verdana</option>
         <option style="text-transform: capitalize;">times new roman</option>
      </select>
   </div>
</div>
4

1 に答える 1

2

あなたのコードは と呼ばれる css プロパティを設定しようとしてstylechangeいますが、これは必要なものではありません。変数に割り当てられた css プロパティを設定したいのですstylechange

だからあなたは使用する必要があります

$(".elementselected textarea").css(stylechange, str);

または

var style = {};
style[stylechange] = str;
$(".elementselected textarea").css(style );
于 2013-07-27T04:33:23.483 に答える