CSSプロパティinnerHTMLの

Question

を使用するときに上書きされて得る私は私のHTMLにカスタムjQueryのスライダーを挿入しようとしている：

<p><input type="text" data-slider="true" data-slider-theme="volume" /> 
<span style="vertical-align: top"></span> 
<script> 
$("[data-slider]") 
    .bind("slider:ready slider:changed", function (event, data) { 
    $(this).nextAll("span").html(data.value.toFixed(3)); 
    }); 
</script></p> 

これは、モーダルウィンドウの内側にあります。これをモーダルウィンドウにハードコードすると、うまく動作し、スタイルは完璧です。

しかし、javascriptでjqueryまたは.innerhtmlを使用してdivに挿入すると、通常のテキストボックスとして表示され、ハードコードされたバージョンのカスタムスライダCSSは表示されません。

     insert_review.innerHTML += '\ 
         <li class="review">\ 
          <center>\ 
           <p><input type="text" data-slider="true" data-slider-theme="volume" />\ 
           <span style="vertical-align: top"></span>\ 
           <script>\ 
           $("[data-slider]")\ 
            .bind("slider:ready slider:changed", function (event, data) {\ 
            $(this).nextAll("span").html(data.value.toFixed(3));\ 
            });\ 
           <\/script></p>\ 
          <\/center>\ 
         </li>\ 
         '; 

Answer 1

内側のHTMLスタイリングの代わりにcssクラスを使用します。長期的には、あなたが適用する必要があるスタイルのトンを持っている方が良い練習です。しかし、ええ、一度それを行うと、重要なタグを追加するだけです。これにより、このプロパティは何に関係なく保持されます。

<style> 
    .myClass{ 
     vertical-align: top !important; 
    } 
</style>