我想在加載頁面時運行此代碼

Question

如何在頁面加載時自動分配值而無需調用懸停或單擊任何事件操作。 顏色將根據用戶輸入或將自動生成的隨機顏色更改，懸停容器“someclass”對所有人都相同。

<div class="container1">
 <div class="someclass"> " #ffff13 " </div>
 </div>

 <div class="container2">
 <div class="someclass"> " #ffff15 " </div>
 </div>

 <div class="somecontainer">
 <div class="someclass"> " #ffgf19 " </div>
 </div>

 <div class="thecontainer">
 <div class="someclass"> " #0fff1a " </div>
 </div>

 <div class="container1">
 <div class="someclass"> " #cfff17 " </div>
 </div>

 <div class="mastercontainer10">
 <div class="someclass"> " #1fff13 " </div>
 </div>


<script type="text/javascript">
$(document).ready(function() {
      $(".someclass").hover(
      function() {
          var color = /#[0-9\A-F]+/.exec($(this).html())[0];
          $(this).css('background', color)
      }, function() {
          $(this).css('background', color)
      });
  });
</script>

Answer 1

嘗試將懸停功能放在匿名函數中

JavaScript

(function() {
  // insert code here

})(); // anonymous function

Answer 2

你在找這個嗎

 (function () { $(".someclass").each(function () { var html = $(this).html(); var color = html; $(this).css('background', color); }); })();

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="someclass">#ffff13</div> <div class="someclass">#ffff25</div> <div class="someclass">#ffff36</div> <div class="someclass">#ffff48</div> <div class="someclass">#ffff50</div> <div class="someclass">#87CEEB</div>

或者

你尋找這個

 (function () { var color; $(".someclass").hover(function () { var html = $(this).html(); color = html; this.style.backgroundColor = color }); $(".someclass").mouseleave(function () { this.style.backgroundColor = "white" }); })();

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div style="background-color:white;" class="someclass">#ffff13</div> <div style="background-color:white;" class="someclass">#ffff25</div> <div style="background-color:white;" class="someclass">#ffff36</div> <div style="background-color:white;" class="someclass">#ffff48</div> <div style="background-color:white;" class="someclass">#ffff50</div> <div style="background-color:white;" class="someclass">#87CEEB</div>