Как конвертировать код JavaScript в jQuery? - PullRequest
Новая
       28

Как конвертировать код JavaScript в jQuery?

0 голосов
/ 18 октября 2018 
symbolen.parent = object;
object.element.onclick = function() {
  this.parent.position.x = 0;
  this.parent.position.y = 0;
  this.parent.position.z = 0;
  this.parent.scale.x = 4,
  this.parent.scale.y = 4;
};

Я хочу преобразовать код JavaScript в JQuery.Потому что я хочу использовать «братьев и сестер».как я могу это изменить?Есть ли какой-нибудь веб-сайт для этого?

Например, я сначала попробовал этот код с масштабом, сообщения об ошибке нет, но он не работает ... 

$('object').click(function(event) {
  $(this).parent().css('scale', '4');                                                                
  $(this).parent().siblings().css('scale', '0');
  event.preventDefault();
});

1 Ответ

0 голосов
/ 18 октября 2018

Вы можете добавить функцию jQuery к любому элементу с помощью $(element).Тогда вы можете использовать любую функциональность jQuery.Я изменил 'object' селектор на object.element.Вы не используете кавычки здесь, потому что вы используете элемент в переменной напрямую, а не с помощью селектора.Также scale не является атрибутом css, поэтому я предполагаю, что вы имеете в виду transform: scale()

//Mimic your object.element
var object = {};
object.element = document.getElementsByClassName('scale');

//Add on click handler and set scale on click.
$(object.element).click(function() {
  $(this).css("transform", "scale(4, 4)");
  $(this).siblings().css("transform", "scale(1)");
});
div#parent {
  text-align: center;
}

div#scale {
  width: 100px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="parent">
  <br>
  <div class="scale">Scale on click</div>
  <br>
  <br>
  <br>
  <div class="scale">Scale on click</div>
  <br>
</div>
...