jquery append not working

Question

Я искал, но не мог найти ответ на этот вопрос. Я делал небольшую карточную игру, и мне нужна игра, чтобы добавить какой-то текст, если создана определенная карта. Добавляющий текст работает иначе при нажатии событий, но не для этой функции. Функция запускается правильно, так как журналы консоли и такой огонь. Я не совсем уверен, что я делаю неправильно?

function ghostcheck() { 
    if (hand[0][0] == 'ghost'){ 
    ghostpresent = true; 
    console.log("It's a ghost!!"); 
    $("#infocard").append("<p>Oh no! A ghost! What would you like to do?<br><br></p>"); 
} 

Спасибо за любую помощь по этому вопросу!

Answer 1

Я получаю представление о том, что элемент, который вы пытаетесь добавить некоторый текст, создается динамически.

Вы можете использовать событие live() jQuery для решения этой проблемы.

Link here

Надеется, что это помогает ..

Answer 2

function ghostcheck() { 
    if (hand[0][0] == 'ghost'){ 
     ghostpresent = true; 
     console.log("It's a ghost!!"); 
     console.log("Is there InfoCard? ", $("#infocard").length > 0); 
     $("#infocard").append("<p>Oh no! A ghost! What would you like to do?<br><br></p>"); 
    } 
} 

Если вы можете увидеть "Это призрак !!" и «Есть ли InfoCard? true» на консоли, , что означает, что добавочный текст работает.

Я думаю, что другой обработчик события перезагружает элемент infoCard после функции проверки призрака, добавляя текст.

Answer 3

Чтобы убедиться, что двойная проверка правильной записи «#forforcard» в вашем html.

Мой является предложение приемлемо попробовать:

//declare this at the start 
 
$infoCard = $('#infoCard'); 
 

 

 

 
function ghostcheck() { 
 
    $infoCard.append('<p>Oh no! A ghost! What would you like to do?<br><br></p>'); 
 
} 
 

 
ghostcheck();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="infoCard"> 
 
    ghost 
 
</div>

и посмотреть, если это работает