Почему когда вывожу первый раз console.log();
, атрибут возвращает строку, а не объект?
А если установить через JS данный атрибут, то возвращает уже объект?
Как изначально получить объект?
var data = JSON.parse( $('.js-block-obj').data('info') );
$('.js-block-obj').on('click', function() {
console.log( data);
$( ".js-block-obj" ).data( "info", { b: 100, s: 0 } );
console.log( data );
})
.block {
height: 100px;
width: 100px;
margin: 2rem auto 0;
border: 2px solid #eaeaea;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="block js-block-obj" data-info="{"b": 10, "s": 1}"></div>
JSON.parse
не работает, выдает ошибку:
Unexpected token b in JSON at position 2
data-info="{"b": 10, "s": 1}"
в JSON обязательно требуется брать в кавычки ключи полей объектовJSON.parse()
.jQuery.data()
сам разбирает JSON