2012-11-12 4 views
0

아이콘을 클릭하면 경고를받을 수 있도록 마지막 문장에 아이콘 [+]을 어떻게 추가 할 수 있습니까?클릭 가능한 html 테스트에 jquery 아이콘 추가

<div id="catalog" style="width: 518px;"> 
     <ul id="catalog111" style="left: -37px;top:  -140px;width=500%;"> 
     <li class="ui-state-default" style="list-style:square; margin: 5px; padding: 5px; 
    color: black; background-color: #A0A0A0; width: 441px; font-size: 12px;color: #313b3b" 
    >I should be able to select a document to upload into system 'Need Icon'</li> 

     </ul> 

    </div>​ 
+0

을 그것을 할 수 있습니다 div 태그? 아이콘의 경우 사진이 포함 된 img 태그를 선호합니까? – Swarne27

+0

@Swarnajith : 문장의 마지막 부분은 'li'의 끝, 즉이 문구의 끝을 의미합니다. '시스템에 업로드 할 문서를 선택할 수 있어야합니다'[+] [+]를 클릭 할 수있는 곳입니다. –

답변

1

당신은 센스 결국,이 같은 명령문의 마지막

<script language="javascript" type="text/javascript"> 
$(document).ready(function() { 
    $('#plus').click(function(){ 
     alert('+ sign clicked'); 
    }); 
});     
</script> 
당신은 hypherlink와 문장의 끝 부분에 링크를 넣을 수 있습니다

,

<div id="catalog" style="width: 518px;"> 
     <ul id="catalog111" style="left: -37px;top: -140px;width=500%;"> 
     <li class="ui-state-default" style="list-style:square; margin: 5px; padding: 5px; color: black; background-color: #A0A0A0; width: 441px; font-size: 12px;color: #313b3b">I should be able to select a document to upload into system <a href="#" id="plus" style="text-decoration:none">[+]</a></li> 
     </ul> 
</div>​ 
관련 문제