2013-04-06 4 views
3

Этот код jQuery будет выделять поле div при нажатии.jQuery: Выделить поле div onload

Я хочу получить подсветку при загрузке, как я могу это сделать?

<!DOCTYPE html> 
<html> 
<head> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

<style type="text/css"> 
div { margin: 0px; width: 100px; height: 80px; background: #666; border: 1px solid black; position: relative; } 
</style> 

    <script> 
    $(document).ready(function() { 

$("#div1").click(function() { 
     $(this).effect("highlight", {}, 3000); 
}); 

    }); 
    </script> 
</head> 
<body"> 
    <div id="div1"></div> 
</body> 
</html> 

ответ

2

Поместите заявление о highlight в document.ready на тот же уровень, вы связыванием click события ..

Live Demo

$(document).ready(function() { 
     $("#div1").effect("highlight", {}, 3000); //this will highlight on load 
     $("#div1").click(function() { 
      $(this).effect("highlight", {}, 3000); 
     });  
}); 
0

Кроме того, этот способ может быть немного чище в том случае, если вы добавите некоторые другие эффекты, которые вы хотите показать в состоянии щелчка, вам нужно только определить их один раз.

$(document).ready(function() {  
     $("#div1").click(function() { 
      $(this).effect("highlight", {}, 3000); 
     });  
     $('#div1').click(); 
}); 
0

Javascript

$(document).ready(function() { 
    $("#div1").effect("highlight", {}, 3000); 
}); 

Это будет выделять div1, когда документ будет готов. Если вы также хотите обработчик click, вы можете сохранить его и ввести любой желаемый код (т. Е. Вы также можете оставить effect там, если хотите).

Fiddle