Nik Faraday

<input type='hidden' id='open-modal' data-toggle='#modal' data-target='#modal-id' />

let isOpen = false;
$('#item-to-open-modal').on('mouseenter', () => {
   if (!isOpen) {
      document.getElementById('open-modal').click()
      isOpen = true;
   }
})

$('#item-to-open-modal').on('mouseleave', () => {
   if (isOpen) {
      document.getElementById('close-modal').click()
      isOpen = false
   }
})

ChatGPT его отлично дешифрует. Либо можете использовать вот такую фот функцию:

var byteString = '\x6b'; // Пример байта
var char = String.fromCharCode(parseInt(byteString, 16)); // Дешифровка байта
console.log(char); // Вывод дешифрованного символа

Соответственно, проганяете весь код через это

Да, к примеру тут

Так вот, все нормально работает до тех пор пока цена будет без пробела.

Вы вкурсе как работают числа? Если вы ставите пробел, тогда ваше число уже не является числом, а является строкой

Вы должны работать с числами в оригинальном виде, т.е. без пробелов, таких стандартнов придерживаются программисты. При выводе вы можете их выводить как хотите, хоть на шахматной доске, но изначально вы должны работать с числами в таком виде, как они есть

Попробуйте заменить строку
$(document).on('click','.read-more',function(e){

на

$('#your-item-id').on('click', () => {
   // ....
})

А если смотреть в общем, то у вас вообще не верная структура запроса ajax скрипта. Читайте тут

Так у вас блок success пустой

success: (res) => {
    console.log(res);
  }

Блок success отрабатывает когда у вас возвращается HttpStatusCode 200, но вы там ничего не делаете.

Что нужно сделать? В соответствующем блоке success настраивать вывод/изменений элементов DOM структуры.

HTML:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">

<div class="row">
    <div class="col-lg-11" style="padding-top: 10px; padding-bottom: 10px; padding-left: 30px;">
        <input type="text" id="text" class="form-control" />
    </div>
    <div class="col-lg-1" style="padding-top: 10px; padding-bottom: 10px;">
        <input type="button" value="Append" id="append-text" class="btn btn-primary" />
    </div>
</div>
<div class="row">
    <div class="col-lg-3" id="container-1">
        <input type="radio" id="item-1" checked="checked" />
        1. Срочное и важное
    </div>
    <div class="col-lg-3" id="container-2">
        <input type="radio" id="item-2" />
        2. Не срочное и важное
    </div>
    <div class="col-lg-3" id="container-3">
        <input type="radio" id="item-3" />
        3. Срочное и не важное
    </div>
    <div class="col-lg-3" id="container-4">
        <input type="radio" id="item-4" />
        4. Не срочное и не важное
    </div>
</div>

JS:

<script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"></script>

<script>
    let checkedItemId = 'container-1';
    let radios = $('[id|=item]');

    for(let i = 0; i < radios.length; i++) {
        $('#' + radios[i].id).on('click', () => {
            if($('#' + radios[i].id).prop('checked')) {
                for(let j = 0; j < radios.length; j++) {
                    if (i != j) {
                        $('#' + radios[j].id).prop('checked', false);
                    }
                }
                checkedItemId = radios[i].parentElement.id;
                console.log(checkedItemId);
            }
        })
    }

    $('#append-text').on('click', () => {
        let text = $('#text').val();
        $('#text').val('');
        document.getElementById(checkedItemId).innerHTML += '<br/>' + text;
    });
</script>

function journal_enable_stepper() {
  $('.stepper').each(function () {
    var $this = $(this);
    if ($this.data('_isEnabled')) {
      return;
    }
    $this.data('_isEnabled', true);

    var $input = $this.find('input[name^="quantity"]');
    var value = $input.val();
    var minimum = parseInt($input.data('minimum')) || 1;
    $this.find('.fa-angle-up').on('click', function () {
      $input.val(parseInt($input.val()) + 500);
      $input.trigger('change');
    });
    $this.find('.fa-angle-down').on('click', function () {
      if (parseInt($input.val()) > minimum) {
        $input.val(parseInt($input.val()) - 500);
        $input.trigger('change');
      }
    });
}

Нууууу, можно самому сделать немного пошаманив с css

UPD: хотя это больше похоже не на select а на radiobutton. По этому вот вам пример настройки select (И вот ещё хороший пример). А вот по Radiobutton.

А вот тут вы найдёте просто оооочень потрясающие примеры (С исходниками)

Почему не находит? Вот статья об Статус Коде 405

Попробуйте использовать FormData и через id закинуть туда ту имейджу

Ну как сказать, если я правильно понимаю, символ ? просто допускает, что данный тип может принимать значение null (Да, проверил, вот ссылка).

Во втором примере вы явно проверяете на значение отличное от null, И ТОЛЬКО ТОГДА вызываете метод disconnect()

Разница двух примеров в том, что в первом случае вы всегда будете вызывать метод disconnect(), а во втором, если объект resizeObserver не будет равен null

UPD: да, на счёт кода. При написании кода (Помимо архитектуры, официальных конвенций по написанию кода и т.д.) опирайтесь на два фактора:

• Ваш код может легко понять кто-то другой
  
• Через две недели вы сможете посмотреть на этот код и понять что он делает и зачем, так будто вы его написали 2 часа назад (грубо говоря)
  
• Ваш код может легко изменить кто-то другой
  

let quantityOld = quantityNew;
quantityNew = $('#input-text-id').val();

Используйте jquery селектор по классу