두 번째 CSS는 콘텐츠 자리 표시 자에 문제가 자바 스크립트

이것은 abit 혼란 스러울 수도 있지만 여기에 간다.두 번째 CSS는 콘텐츠 자리 표시 자에 문제가 자바 스크립트

UserProfile.master라는 마스터 페이지가 있습니다. UserProfileWall.aspx에 연결된 contentplaceholder가 있습니다. 이제는 userprofilewall 페이지에서 javascript와 두 번째 CSS 파일을로드하려고하는데, 두 번째 링크를 CSS 파일에 추가하면 마스터 페이지의 모든 것을 나사 고정하십시오. 그것이 javascript와 div 테이블에 나를 데려 오는 div 테이블에 링크가 중첩 될 수 없다고 말하기 때문에 나는 userprofilewall contentplaceholder에 CSS 링크를 넣을 수 없습니다.

자바 스크립트는 텍스트 영역의 텍스트를 div에 추가하기 위해 버튼 클릭 이벤트 만 실행합니다. 그러나 어떤 이유로 그것이 작동하지 않습니다. 아니 두 번째 CSS없이

이것은 내가 두 번째 CSS에 삽입 할 것입니다 :

<%@ Page Title="" Language="C#" MasterPageFile="~/UserProfile.master" AutoEventWireup="true" CodeFile="UserProfileWall.aspx.cs" Inherits="Default2" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> 
    <link href="css/Style.css" rel="stylesheet" type="text/css" /> 

</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server"> 
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $('button').click(function() { 
     var x = $('textarea').val(); 
     $('div').html(x); 
    }); 
     </script> 
<textarea style="border: 0" cols="77" rows="5"></textarea> 
<button>Post Message</button> 

<div></div> 

</asp:Content>

난에 대해 어떻게 가야합니까 전체 userprofilewall에 대한 지금까지

div{ 
    width:400px; 
    height:400px; 
    border:1px solid red; 
    padding:10px; 
    margin-top:10px; 
}

내 코드 중 하나 자바 스크립트를 수정하거나 내 userprofilewall에 CSS를 수정하여 자바 스크립트를 가져올 수 있습니다.

출처

2011-03-07 Garrith Graham

먼저 자바 스크립트를 수정하여 인라인 스크립트 코드가 아닌 $(document).ready() 호출. 이렇게하면 "게시 메시지"버튼 문제가 해결되었습니다. 다음은 div의 스타일 변경을 처리하는 방법입니다.

지금은 .css() 호출을 추가하여 클릭 처리기에서 질문에 정의한 CSS 속성을 설정했지만,

$(document).ready()

.css()

: 하나의 CSS 규칙에 이러한 CSS 속성을 이동하고 사용하는 .addClass()하고 여기에

.removeClass() 내가 변경 사항에 대해 확인하는 몇 가지 링크가 있습니다

.addClass()

.removeClass()

여기에 내가 소스 코드에서 생성 된 정적 HTML 페이지에서의 JS 및 CSS 문제를 해결하는 데 사용되는 소스입니다. 희망이 도움이됩니다.

<html> 
<head> 
    <link href="css/Style.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
<script src="jquery.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $('button').click(function() { 
     var x = $('textarea').val(); 
     $('div').html(x); 
     $('div').css({width:"400px",height:"400px",border:"1px solid red",padding:"10px","margin-top":"10px"}); 
     // or $('div').addClass('name of css rule with above css props'); 
     // or $('div').removeClass('name of css rule with above css props'); 
    }); 
}); 
</script> 
<textarea style="border: 0" cols="77" rows="5"></textarea> 
<button>Post Message</button> 
<div></div> 
</body> 
</html>

출처

2011-06-29 00:23:44 mrk

두 번째 CSS는 콘텐츠 자리 표시 자에 문제가 자바 스크립트

답변

관련 문제