Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Не получается получить значение инлайн стиля (https://javascript.ru/forum/jquery/68896-ne-poluchaetsya-poluchit-znachenie-inlajjn-stilya.html)

Cdelphi78 16.05.2017 05:10

Не получается получить значение инлайн стиля
 
Вот на этой страничке http://dev-working.ru/verstka_11_05_...я/index2.html

Вот код

window.onload = function() {

		if ($("div").is("#lightcase-case")) {

			var  titleHeight = $('.main-title').outerHeight(true);
			var marginTopValue = $('#lightcase-case').css('marginTop');
			console.log(marginTopValue);
	        $('body').prepend('<style>#lightcase-case{top:'+ titleHeight * 2.8 + 'px !important;}</style>');

    	}
    	 else {
    	 	console.log('none');
    	 }
	};


маргин топ ноль выдает вместо правильного значения.

ksa 16.05.2017 08:29

Цитата:

Сообщение от Cdelphi78
Не получается получить значение инлайн стиля

Дело не в бабине... (с)
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
#lightcase-case {
	margin-top: 20px;
}
</style>
<script type='text/javascript'>
window.onload = function() {
	var marginTopValue = $('#lightcase-case').css('marginTop');
	alert(marginTopValue);
};
</script>
</head>
<body>
<p id='lightcase-case'>Test</p>
</body>
</html>

Все работает.
И тебе нужно сделать полный пример.

Cdelphi78 16.05.2017 11:24

Да у вас понятно что будет работать, а у меня там стоит плагин который добавляет свои инлайн стили и мне их, нужно изменить, посмотрите на страничке там все понятно будет)

ksa 16.05.2017 11:51

Цитата:

Сообщение от Cdelphi78
посмотрите на страничке там все понятно будет

Я не хожу на сторонние УРЛ... Если тебе нужно решить проблему - делай свой полный пример на котором будет проявляться проблема.

Возможно твой элемент имеет такие стили, что им не положен margin совсем.

рони 16.05.2017 12:01

Cdelphi78,

http://cornel.bopp-art.com/lightcase/documentation/

jQuery(document).ready(function($) {
    $("a[data-rel^=lightcase]").lightcase({
        onFinish: {
            baz: function() {
                if ($("#lightcase-case").length) {
                    var titleHeight = $(".main-title").outerHeight(true);
                    var marginTopValue = $("#lightcase-case").css("marginTop");//?????
                    $("body").prepend("<style>#lightcase-case{top:" + (titleHeight * 2.8 | 0) + "px !important;}</style>")
                }
            }
        },
        caption: "Lorem ipsum dolor sit amet, consectetur adipisicing elit.",
        speedIn: 50
    })
});

Cdelphi78 16.05.2017 15:13

рони, спасибо, опять выручили, однако это совсем не подходит то что я делаю)

рони 16.05.2017 15:47

Цитата:

Сообщение от Cdelphi78
однако это совсем не подходит то что я делаю)

???


Часовой пояс GMT +3, время: 09:33.