>  기사  >  웹 프론트엔드  >  jquery는 버튼을 변경하는 onclick 이벤트를 어떻게 설정해야 할까요?

jquery는 버튼을 변경하는 onclick 이벤트를 어떻게 설정해야 할까요?

WBOY
WBOY원래의
2016-05-16 17:46:551228검색

jquery는 버튼 입력의 onclick 이벤트를 어떻게 설정해야 합니까? 예를 들어 시작 부분에 버튼이 있습니다: 이 코드 줄은 Discuz!NT 포럼 소스 코드의 접근 방식과 마찬가지로 프로그램의 백그라운드에서 생성됩니다. 스크립트를 포함하여 페이지의 모든 내용은 백그라운드 코드에 의해 생성된 다음... jquery.ajax를 사용하는 페이지... ie8을 제외하고는 표시할 수 없다는 점만 제외하면... 다른 브라우저에서는 정상입니다. 이전 페이지 버튼의 onclick 기능을 동적으로 변경하는 방법이 있습니다. 다음은 실패의 예입니다.

코드 복사 코드는 다음과 같습니다.
$(“#prebt”).unbind(“onclick”,function(){var p= $(“#nextbt”).parent();$ (“#nextbt”).remove();
p .append(“") });
자바스크립트 코드:
$(“ #prebt”).removeAttr(“onclick”)
$(“#prebt”).attr(“onclick”,”ToPage(4)” );
또는:
$(“#prebt ").attr("onclick","");
$("#prebt").attr("onclick","ToPage(4) ");

2.JavaScript 코드:

코드 복사 코드는 다음과 같습니다.
$(“#prebt”).removeAttr( "onclick")
$("#prebt").click(function(){ToPage(4)}); 문장이 무한 루프를 일으키게 됩니다.. 무슨 일인지 모르겠습니다..
// 제가 만든 페이징 함수... 이렇게 작성하면 데이터가 계속 맴돌게 됩니다. 어떻게 해결해야 할까요?

관련 요청을 온라인에 게시하는 것 외에는 다른 방법이 없습니다. 친구가 제가 원하는 효과가 다음과 같은지 물었습니다.

코드 복사 코드는 다음과 같습니다.
$(“#prebt”).unbind(“onclick”)
$(“ #prebt” ).bind(“onclick”,”ToPage(4)”);

사실 제가 원하는 효과는 위와 같지만, 위의 방법도 원래의 효과와 거의 같습니다. , 그러나 실행할 수 없으며 전혀 바인딩할 수 없습니다.
열성적인 네티즌이 제게 도움이 됐다고 말한 코드 예제를 제공했습니다.
XML/ HTML 코드:

코드 복사 코드는 다음과 같습니다.
.org/1999/xhtml">


<제목 없는 문서

< script type="text/javascript">
//function toPage(id){alert(id);}
$(function(){
$( '#btndemo').removeAttr('onclick').unbind('click').click(function(){
toPage(1);
} )
})
//] ]>







위 내용은 ie8에서 테스트한 것입니다. 클릭하면 결과는 1입니다. 그럼에도 불구하고, 원래 원하던 효과는 아니네요. 정말로 그것을 달성할 방법이 없을까?
결국 나는 다음과 같이 구현할 수 있는 비교적 어리석은 방법을 생각해 냈습니다.




그런 다음 백그라운드 프로그램이 자동으로 prespan의 콘텐츠를 대체합니다.


코드 복사 코드는 다음과 같습니다. $('#prespan').empty()
$('#prespan').append("

onclick 설정을 사용하지 않았는데 드디어 문제가 해결되었습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:JavaScript 하위 창에서 상위 창 개체 조작 ModalDialog_기본 지식다음 기사:JavaScript 하위 창에서 상위 창 개체 조작 ModalDialog_기본 지식

관련 기사

더보기