Saya punya masalah aneh. Saya memiliki sedikit jquery sederhana yang mengubah konten div dari tanda tambah menjadi tanda centang ketika pengguna mengkliknya.

$(document).on("click", ".myDiv", function() {
  $(this).html('✔');
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="myDiv" style="background-color:rgb(0,0,0); color:rgb(255,255,255)">+</div>

Warna teks penting karena disetel secara dinamis untuk memastikannya ditampilkan dengan latar belakang yang juga disetel secara dinamis. Ini semua berfungsi dengan baik di desktop saya, tetapi ketika saya melihat di iPad, centang akan selalu ditampilkan dalam warna hitam dan di ponsel Android ditampilkan sebagai merah.

Tampaknya ini ada hubungannya dengan karakter non-standar. Jika saya mengganti centang dengan *, misalnya, semuanya berfungsi dengan baik.

Adakah ide untuk menghentikan hal ini terjadi?

0
Jules 27 Februari 2020, 19:33

1 menjawab

Jawaban Terbaik

Seperti yang direkomendasikan oleh jawaban luar biasa yang juga menjelaskan apa yang terjadi di sini Anda dapat menyertakan &#xfe0e; segera setelah karakter untuk menyelesaikan masalah:

$(document).on("click", ".myDiv", function() {
  $(this).html('✔&#xfe0e;');
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="myDiv" style="background-color:rgb(0,0,0); color:rgb(255,255,255)">+</div>
0
coreyward 27 Februari 2020, 17:02