Wordpress窗體小部件窗體函數運行兩次

Question

我遇到了我自定義的WordPress窗口小部件的問題。出於某種奇怪的原因，表單函數會運行兩次，因此會生成兩個Redactor textareas，但只有在將該小部件添加到側欄時纔會發生。不是當我添加完成後點擊保存按鈕。

我該怎麼做，我的表單函數只能運行一次，或者至少讓JavaScript運行一次。

全部部件代碼

http://pastebin.com/BHDJSxWX

我的表單功能

function form($instance) 
{ 
    $instance = wp_parse_args((array) $instance, array('box1' => '', 'box2' => '', 'box3' => '', 'box4' => '')); 
    $box1 = $instance['box1']; 
    $box2 = $instance['box2']; 
    $box3 = $instance['box3']; 
    $box4 = $instance['box4']; 
    $boxqty = $instance['boxqty']; 


    $uniqueID = rand(); 
    echo "Unique ID: ".$uniqueID; 

    ?>   
    <p> 
     <label for="<?php echo $this->get_field_id('boxqty'); ?>">Number of blocks: (1-4) 
      <input class="widefat" id="<?php echo $this->get_field_id('boxqty'); ?>" name="<?php echo $this->get_field_name('boxqty'); ?>" type="text" value="<?php echo attribute_escape($boxqty); ?>" /> 
     </label> 
    </p> 
    <p> 
     <label for="<?php echo $this->get_field_id('box1'); ?>">Box 1: 
      <textarea class="widefat redactor_content_<?php echo $uniqueID; ?>" id="box1" name="<?php echo $this->get_field_name('box1'); ?>" style="width: 600px;"><?php echo $box1; ?></textarea> 
     </label> 
    </p> 
    <p> 
     <label for="<?php echo $this->get_field_id('box2'); ?>">Box 2: 
      <textarea class="widefat redactor_content_<?php echo $uniqueID; ?>" id="<?php echo $this->get_field_id('box2'); ?>" name="<?php echo $this->get_field_name('box2'); ?>" style="width: 600px;"><?php echo $box2; ?></textarea> 
     </label> 
    </p> 
    <p> 
     <label for="<?php echo $this->get_field_id('box3'); ?>">Box 3: 
      <textarea class="widefat redactor_content_<?php echo $uniqueID; ?>" id="<?php echo $this->get_field_id('box3'); ?>" name="<?php echo $this->get_field_name('box3'); ?>" style="width: 600px;"><?php echo $box3; ?></textarea> 
     </label> 
    </p> 
    <p> 
     <label for="<?php echo $this->get_field_id('box4'); ?>">Box 4: 
      <textarea class="widefat redactor_content_<?php echo $uniqueID; ?>" id="<?php echo $this->get_field_id('box4'); ?>" name="<?php echo $this->get_field_name('box4'); ?>" style="width: 600px;"><?php echo $box4; ?></textarea> 
     </label> 
    </p> 
    <!--Activate Redactor--> 
    <script type="text/javascript"> 

       jQuery('.redactor_content_<?php echo $uniqueID; ?>').redactor({ 
        fixed: true 
       }); 
      console.log('Unique ID: <?php echo $uniqueID; ?>'); 
    </script> 
    <?php 
} 

Answer 1

我測試了一些東西，似乎是發生的是，整個部件的負荷都在左邊，窗口小部件表單內容被隱藏，並且在「活動」窗口小部件的右側。未經檢驗的，但你應該能夠「主動」部分只針對有：

jQuery('.widgets-holder-wrap .redactor_content_<?php echo $uniqueID; ?>').redactor({ 
    fixed: true 
}); 

如果我有完整的小部件，我也許可以到別的東西發現。