jquery - 如何将jquery片段合并为一个

Question

当我尝试将这些全部合二为一时，它们会破裂。它们如何组合成一行流畅的代码？

第一个片段 -

<script type="text/javascript">
jQuery(document).ready(function($) {
setTimeout(function() {
      $('li[data-val="mgc_727"]').trigger('click');
   }, 10);
});
</script>

第二个片段 -

<script type="text/javascript">
jQuery(document).ready(function($) {
$('li:contains("clear")').addClass('hide');


});


</script>

第三个片段

<script type="text/javascript">
jQuery(document).ready(function($) {
   $(document).on('click', '.mgi_txt_under', function() {
     
       var $wrap = $(this).parents('.mg_box');
       var $inner = $wrap.find('.mg_box_inner');
       if($inner.is('a')) {
           window.location.href = $inner.attr('href'); 
       }
   });
});
</script> 

我试过了：

<script type="text/javascript"> 
jQuery(document).ready(function($) {
    setTimeout(function() {
        $('li[data-val="mgc_727"]').trigger('click');
    }, 10);
    $('li:contains("clear")').addClass('hide');
    $(document).on('click', '.mgi_txt_under', function() {
        var $wrap = $(this).parents('.mg_box');
        var $inner = $wrap.find('.mg_box_inner');
        if ($inner.is('a')) {
            window.location.href = $inner.attr('href');
        }
    });
});
});
});
</script> 

Answer 1

您可能只需要使用一个jQuery(document).ready(function($){})来避免冲突。

所以在你的情况下，你可以这样做：

<script type="text/javascript">
jQuery(document).ready(function($) {

// from the 1st snippet
setTimeout(function() {
      $('li[data-val="mgc_727"]').trigger('click');
   }, 10);
 
 // from the 2nd snippet
 $('li:contains("clear")').addClass('hide');

 //from the 3rd snippet
 $(document).on('click', '.mgi_txt_under', function() {
     
       var $wrap = $(this).parents('.mg_box');
       var $inner = $wrap.find('.mg_box_inner');
       if($inner.is('a')) {
           window.location.href = $inner.attr('href'); 
       }
   });

});
</script>