JQuery crashes after 105 letters
0
This is a weird one to me. I'm currently creating a multiple choice quiz using js/jquery, and I've found that if I enter a question that is greater than 105 characters in length, the script just doesn't run & no buttons can be clicked.
For example, using the code I've provided this will run absolutely fine and I can have a multiple choice quiz working fine. However, changing the question to a different that is over 105 characters breaks it.
For example, if I changed
"Multiple choice q1"
to
"The process ‘PopularScreenSavers.exe’ is running in the background of a user's laptop. What could this be an example of? " (a question I want to include)
essentially stops my script from running at all.
Included below is the current js as well as a snippet of the relevant html body. It all works perfectly fine... except when I want a longer question.
Any help would be appreciated.
CODE
(function()
const myQuestions = [
question: "The process ‘PopularScreenSavers.exe’ is running in the background of a user's laptop. What could this be an example of? ",
answers:
a: "a",
b: "b",
c: "c",
d: "d"
,
correctAnswer: "a"
,
question: "Multiple choice q1",
answers:
a: "",
b: "",
c: "",
d: ""
];
function buildQuiz()
const output = ;
myQuestions.forEach((currentQuestion, questionNumber) =>
const answers = ;
for (letter in currentQuestion.answers)
answers.push(`<label>
<input type="radio" name="question$questionNumber" value="$letter">
$letter :
$currentQuestion.answers[letter]
</label>`);
output.push(`<div class="slide">
<div class="question"> $currentQuestion.question </div>
<div class="answers"> $answers.join("") </div>
</div>`);
);
quizContainer.innerHTML = output.join("");
function showResults()
const answerContainers = quizContainer.querySelectorAll(".answers");
let numCorrect = 0;
myQuestions.forEach((currentQuestion, questionNumber) =>
).value;
if (userAnswer === currentQuestion.correctAnswer)
numCorrect++;
answerContainers[questionNumber].style.color = "#009A44";
answerContainers[questionNumber].style.fontWeight = "900";
else
answerContainers[questionNumber].style.color = "#DA291C";
answerContainers[questionNumber].style.fontWeight = "900";
);
resultsContainer.innerHTML = `$numCorrect out of $myQuestions.length`;
function showSlide(n)
slides[currentSlide].classList.remove("active-slide");
slides[n].classList.add("active-slide");
currentSlide = n;
if (currentSlide === 0)
previousButton.style.display = "none";
else
previousButton.style.display = "inline-block";
if (currentSlide === slides.length - 1)
nextButton.style.display = "none";
submitButton.style.display = "inline-block";
else
nextButton.style.display = "inline-block";
submitButton.style.display = "none";
function showNextSlide()
showSlide(currentSlide + 1);
function showPreviousSlide()
showSlide(currentSlide - 1);
const quizContainer = document.getElementById("quiz");
const resultsContainer = document.getElementById("results");
const submitButton = document.getElementById("submit");
buildQuiz();
const previousButton = document.getElementById("previous");
const nextButton = document.getElementById("next");
const slides = document.querySelectorAll(".slide");
let currentSlide = 0;
showSlide(0);
submitButton.addEventListener("click", showResults);
previousButton.addEventListener("click", showPreviousSlide);
nextButton.addEventListener("click", showNextSlide);
)();<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<div class="quiz-container">
<div id="quiz"></div>
</div>
<button id="previous">Previous Question</button>
<button id="next">Next Question</button>
<button id="submit">Submit Quiz</button>
<div id="results"></div>Edit: adding that this runs as valid js, but it doesn't run in Chrome - should have specified, apologies.
jsfiddle
These fiddles should show the issues I'm having:
Working - https://jsfiddle.net/3m5afcuo/
Not working (only change made was to the string) - https://jsfiddle.net/su3hptdq/
javascript jquery html
asked Nov 14 '18 at 12:54
nyepnyep
206
|
show 12 more comments
0
This is a weird one to me. I'm currently creating a multiple choice quiz using js/jquery, and I've found that if I enter a question that is greater than 105 characters in length, the script just doesn't run & no buttons can be clicked.
For example, using the code I've provided this will run absolutely fine and I can have a multiple choice quiz working fine. However, changing the question to a different that is over 105 characters breaks it.
For example, if I changed
"Multiple choice q1"
to
"The process ‘PopularScreenSavers.exe’ is running in the background of a user's laptop. What could this be an example of? " (a question I want to include)
essentially stops my script from running at all.
Included below is the current js as well as a snippet of the relevant html body. It all works perfectly fine... except when I want a longer question.
Any help would be appreciated.
CODE
(function()
const myQuestions = [
question: "The process ‘PopularScreenSavers.exe’ is running in the background of a user's laptop. What could this be an example of? ",
answers:
a: "a",
b: "b",
c: "c",
d: "d"
,
correctAnswer: "a"
,
question: "Multiple choice q1",
answers:
a: "",
b: "",
c: "",
d: ""
];
function buildQuiz()
const output = ;
myQuestions.forEach((currentQuestion, questionNumber) =>
const answers = ;
for (letter in currentQuestion.answers)
answers.push(`<label>
<input type="radio" name="question$questionNumber" value="$letter">
$letter :
$currentQuestion.answers[letter]
</label>`);
output.push(`<div class="slide">
<div class="question"> $currentQuestion.question </div>
<div class="answers"> $answers.join("") </div>
</div>`);
);
quizContainer.innerHTML = output.join("");
function showResults()
const answerContainers = quizContainer.querySelectorAll(".answers");
let numCorrect = 0;
myQuestions.forEach((currentQuestion, questionNumber) =>
).value;
if (userAnswer === currentQuestion.correctAnswer)
numCorrect++;
answerContainers[questionNumber].style.color = "#009A44";
answerContainers[questionNumber].style.fontWeight = "900";
else
answerContainers[questionNumber].style.color = "#DA291C";
answerContainers[questionNumber].style.fontWeight = "900";
);
resultsContainer.innerHTML = `$numCorrect out of $myQuestions.length`;
function showSlide(n)
slides[currentSlide].classList.remove("active-slide");
slides[n].classList.add("active-slide");
currentSlide = n;
if (currentSlide === 0)
previousButton.style.display = "none";
else
previousButton.style.display = "inline-block";
if (currentSlide === slides.length - 1)
nextButton.style.display = "none";
submitButton.style.display = "inline-block";
else
nextButton.style.display = "inline-block";
submitButton.style.display = "none";
function showNextSlide()
showSlide(currentSlide + 1);
function showPreviousSlide()
showSlide(currentSlide - 1);
const quizContainer = document.getElementById("quiz");
const resultsContainer = document.getElementById("results");
const submitButton = document.getElementById("submit");
buildQuiz();
const previousButton = document.getElementById("previous");
const nextButton = document.getElementById("next");
const slides = document.querySelectorAll(".slide");
let currentSlide = 0;
showSlide(0);
submitButton.addEventListener("click", showResults);
previousButton.addEventListener("click", showPreviousSlide);
nextButton.addEventListener("click", showNextSlide);
)();<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<div class="quiz-container">
<div id="quiz"></div>
</div>
<button id="previous">Previous Question</button>
<button id="next">Next Question</button>
<button id="submit">Submit Quiz</button>
<div id="results"></div>Edit: adding that this runs as valid js, but it doesn't run in Chrome - should have specified, apologies.
jsfiddle
These fiddles should show the issues I'm having:
Working - https://jsfiddle.net/3m5afcuo/
Not working (only change made was to the string) - https://jsfiddle.net/su3hptdq/
javascript jquery html
asked Nov 14 '18 at 12:54
nyepnyep
206
1
jsfiddle or demo ?
– bassxzero
Nov 14 '18 at 12:58
2
your myQuestions doesn't look right - looks to be some missing brackets
– Pete
Nov 14 '18 at 13:01
The code is working you are missing brackets,comma ...etc debug properly.
– Sumesh TG
Nov 14 '18 at 13:04
@Pete yeah, that was me being stupid and misreading my own code... the original issue still persists though!
– nyep
Nov 14 '18 at 13:13
@SumeshTG that was just a transposition error. the original issue (string > 105 characters causes a problem) is still an issue
– nyep
Nov 14 '18 at 13:14
|
show 12 more comments
0
0
0
This is a weird one to me. I'm currently creating a multiple choice quiz using js/jquery, and I've found that if I enter a question that is greater than 105 characters in length, the script just doesn't run & no buttons can be clicked.
For example, using the code I've provided this will run absolutely fine and I can have a multiple choice quiz working fine. However, changing the question to a different that is over 105 characters breaks it.
For example, if I changed
"Multiple choice q1"
to
"The process ‘PopularScreenSavers.exe’ is running in the background of a user's laptop. What could this be an example of? " (a question I want to include)
essentially stops my script from running at all.
Included below is the current js as well as a snippet of the relevant html body. It all works perfectly fine... except when I want a longer question.
Any help would be appreciated.
CODE
(function()
const myQuestions = [
question: "The process ‘PopularScreenSavers.exe’ is running in the background of a user's laptop. What could this be an example of? ",
answers:
a: "a",
b: "b",
c: "c",
d: "d"
,
correctAnswer: "a"
,
question: "Multiple choice q1",
answers:
a: "",
b: "",
c: "",
d: ""
];
function buildQuiz()
const output = ;
myQuestions.forEach((currentQuestion, questionNumber) =>
const answers = ;
for (letter in currentQuestion.answers)
answers.push(`<label>
<input type="radio" name="question$questionNumber" value="$letter">
$letter :
$currentQuestion.answers[letter]
</label>`);
output.push(`<div class="slide">
<div class="question"> $currentQuestion.question </div>
<div class="answers"> $answers.join("") </div>
</div>`);
);
quizContainer.innerHTML = output.join("");
function showResults()
const answerContainers = quizContainer.querySelectorAll(".answers");
let numCorrect = 0;
myQuestions.forEach((currentQuestion, questionNumber) =>
).value;
if (userAnswer === currentQuestion.correctAnswer)
numCorrect++;
answerContainers[questionNumber].style.color = "#009A44";
answerContainers[questionNumber].style.fontWeight = "900";
else
answerContainers[questionNumber].style.color = "#DA291C";
answerContainers[questionNumber].style.fontWeight = "900";
);
resultsContainer.innerHTML = `$numCorrect out of $myQuestions.length`;
function showSlide(n)
slides[currentSlide].classList.remove("active-slide");
slides[n].classList.add("active-slide");
currentSlide = n;
if (currentSlide === 0)
previousButton.style.display = "none";
else
previousButton.style.display = "inline-block";
if (currentSlide === slides.length - 1)
nextButton.style.display = "none";
submitButton.style.display = "inline-block";
else
nextButton.style.display = "inline-block";
submitButton.style.display = "none";
function showNextSlide()
showSlide(currentSlide + 1);
function showPreviousSlide()
showSlide(currentSlide - 1);
const quizContainer = document.getElementById("quiz");
const resultsContainer = document.getElementById("results");
const submitButton = document.getElementById("submit");
buildQuiz();
const previousButton = document.getElementById("previous");
const nextButton = document.getElementById("next");
const slides = document.querySelectorAll(".slide");
let currentSlide = 0;
showSlide(0);
submitButton.addEventListener("click", showResults);
previousButton.addEventListener("click", showPreviousSlide);
nextButton.addEventListener("click", showNextSlide);
)();<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<div class="quiz-container">
<div id="quiz"></div>
</div>
<button id="previous">Previous Question</button>
<button id="next">Next Question</button>
<button id="submit">Submit Quiz</button>
<div id="results"></div>Edit: adding that this runs as valid js, but it doesn't run in Chrome - should have specified, apologies.
jsfiddle
These fiddles should show the issues I'm having:
Working - https://jsfiddle.net/3m5afcuo/
Not working (only change made was to the string) - https://jsfiddle.net/su3hptdq/
javascript jquery html
asked Nov 14 '18 at 12:54
nyepnyep
206
This is a weird one to me. I'm currently creating a multiple choice quiz using js/jquery, and I've found that if I enter a question that is greater than 105 characters in length, the script just doesn't run & no buttons can be clicked.
For example, using the code I've provided this will run absolutely fine and I can have a multiple choice quiz working fine. However, changing the question to a different that is over 105 characters breaks it.
For example, if I changed
"Multiple choice q1"
to
"The process ‘PopularScreenSavers.exe’ is running in the background of a user's laptop. What could this be an example of? " (a question I want to include)
essentially stops my script from running at all.
Included below is the current js as well as a snippet of the relevant html body. It all works perfectly fine... except when I want a longer question.
Any help would be appreciated.
CODE
(function()
const myQuestions = [
question: "The process ‘PopularScreenSavers.exe’ is running in the background of a user's laptop. What could this be an example of? ",
answers:
a: "a",
b: "b",
c: "c",
d: "d"
,
correctAnswer: "a"
,
question: "Multiple choice q1",
answers:
a: "",
b: "",
c: "",
d: ""
];
function buildQuiz()
const output = ;
myQuestions.forEach((currentQuestion, questionNumber) =>
const answers = ;
for (letter in currentQuestion.answers)
answers.push(`<label>
<input type="radio" name="question$questionNumber" value="$letter">
$letter :
$currentQuestion.answers[letter]
</label>`);
output.push(`<div class="slide">
<div class="question"> $currentQuestion.question </div>
<div class="answers"> $answers.join("") </div>
</div>`);
);
quizContainer.innerHTML = output.join("");
function showResults()
const answerContainers = quizContainer.querySelectorAll(".answers");
let numCorrect = 0;
myQuestions.forEach((currentQuestion, questionNumber) =>
).value;
if (userAnswer === currentQuestion.correctAnswer)
numCorrect++;
answerContainers[questionNumber].style.color = "#009A44";
answerContainers[questionNumber].style.fontWeight = "900";
else
answerContainers[questionNumber].style.color = "#DA291C";
answerContainers[questionNumber].style.fontWeight = "900";
);
resultsContainer.innerHTML = `$numCorrect out of $myQuestions.length`;
function showSlide(n)
slides[currentSlide].classList.remove("active-slide");
slides[n].classList.add("active-slide");
currentSlide = n;
if (currentSlide === 0)
previousButton.style.display = "none";
else
previousButton.style.display = "inline-block";
if (currentSlide === slides.length - 1)
nextButton.style.display = "none";
submitButton.style.display = "inline-block";
else
nextButton.style.display = "inline-block";
submitButton.style.display = "none";
function showNextSlide()
showSlide(currentSlide + 1);
function showPreviousSlide()
showSlide(currentSlide - 1);
const quizContainer = document.getElementById("quiz");
const resultsContainer = document.getElementById("results");
const submitButton = document.getElementById("submit");
buildQuiz();
const previousButton = document.getElementById("previous");
const nextButton = document.getElementById("next");
const slides = document.querySelectorAll(".slide");
let currentSlide = 0;
showSlide(0);
submitButton.addEventListener("click", showResults);
previousButton.addEventListener("click", showPreviousSlide);
nextButton.addEventListener("click", showNextSlide);
)();<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<div class="quiz-container">
<div id="quiz"></div>
</div>
<button id="previous">Previous Question</button>
<button id="next">Next Question</button>
<button id="submit">Submit Quiz</button>
<div id="results"></div>Edit: adding that this runs as valid js, but it doesn't run in Chrome - should have specified, apologies.
jsfiddle
These fiddles should show the issues I'm having:
Working - https://jsfiddle.net/3m5afcuo/
Not working (only change made was to the string) - https://jsfiddle.net/su3hptdq/
(function()
const myQuestions = [
question: "The process ‘PopularScreenSavers.exe’ is running in the background of a user's laptop. What could this be an example of? ",
answers:
a: "a",
b: "b",
c: "c",
d: "d"
,
correctAnswer: "a"
,
question: "Multiple choice q1",
answers:
a: "",
b: "",
c: "",
d: ""
];
function buildQuiz()
const output = ;
myQuestions.forEach((currentQuestion, questionNumber) =>
const answers = ;
for (letter in currentQuestion.answers)
answers.push(`<label>
<input type="radio" name="question$questionNumber" value="$letter">
$letter :
$currentQuestion.answers[letter]
</label>`);
output.push(`<div class="slide">
<div class="question"> $currentQuestion.question </div>
<div class="answers"> $answers.join("") </div>
</div>`);
);
quizContainer.innerHTML = output.join("");
function showResults()
const answerContainers = quizContainer.querySelectorAll(".answers");
let numCorrect = 0;
myQuestions.forEach((currentQuestion, questionNumber) =>
).value;
if (userAnswer === currentQuestion.correctAnswer)
numCorrect++;
answerContainers[questionNumber].style.color = "#009A44";
answerContainers[questionNumber].style.fontWeight = "900";
else
answerContainers[questionNumber].style.color = "#DA291C";
answerContainers[questionNumber].style.fontWeight = "900";
);
resultsContainer.innerHTML = `$numCorrect out of $myQuestions.length`;
function showSlide(n)
slides[currentSlide].classList.remove("active-slide");
slides[n].classList.add("active-slide");
currentSlide = n;
if (currentSlide === 0)
previousButton.style.display = "none";
else
previousButton.style.display = "inline-block";
if (currentSlide === slides.length - 1)
nextButton.style.display = "none";
submitButton.style.display = "inline-block";
else
nextButton.style.display = "inline-block";
submitButton.style.display = "none";
function showNextSlide()
showSlide(currentSlide + 1);
function showPreviousSlide()
showSlide(currentSlide - 1);
const quizContainer = document.getElementById("quiz");
const resultsContainer = document.getElementById("results");
const submitButton = document.getElementById("submit");
buildQuiz();
const previousButton = document.getElementById("previous");
const nextButton = document.getElementById("next");
const slides = document.querySelectorAll(".slide");
let currentSlide = 0;
showSlide(0);
submitButton.addEventListener("click", showResults);
previousButton.addEventListener("click", showPreviousSlide);
nextButton.addEventListener("click", showNextSlide);
)();<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<div class="quiz-container">
<div id="quiz"></div>
</div>
<button id="previous">Previous Question</button>
<button id="next">Next Question</button>
<button id="submit">Submit Quiz</button>
<div id="results"></div>(function()
const myQuestions = [
question: "The process ‘PopularScreenSavers.exe’ is running in the background of a user's laptop. What could this be an example of? ",
answers:
a: "a",
b: "b",
c: "c",
d: "d"
,
correctAnswer: "a"
,
question: "Multiple choice q1",
answers:
a: "",
b: "",
c: "",
d: ""
];
function buildQuiz()
const output = ;
myQuestions.forEach((currentQuestion, questionNumber) =>
const answers = ;
for (letter in currentQuestion.answers)
answers.push(`<label>
<input type="radio" name="question$questionNumber" value="$letter">
$letter :
$currentQuestion.answers[letter]
</label>`);
output.push(`<div class="slide">
<div class="question"> $currentQuestion.question </div>
<div class="answers"> $answers.join("") </div>
</div>`);
);
quizContainer.innerHTML = output.join("");
function showResults()
const answerContainers = quizContainer.querySelectorAll(".answers");
let numCorrect = 0;
myQuestions.forEach((currentQuestion, questionNumber) =>
).value;
if (userAnswer === currentQuestion.correctAnswer)
numCorrect++;
answerContainers[questionNumber].style.color = "#009A44";
answerContainers[questionNumber].style.fontWeight = "900";
else
answerContainers[questionNumber].style.color = "#DA291C";
answerContainers[questionNumber].style.fontWeight = "900";
);
resultsContainer.innerHTML = `$numCorrect out of $myQuestions.length`;
function showSlide(n)
slides[currentSlide].classList.remove("active-slide");
slides[n].classList.add("active-slide");
currentSlide = n;
if (currentSlide === 0)
previousButton.style.display = "none";
else
previousButton.style.display = "inline-block";
if (currentSlide === slides.length - 1)
nextButton.style.display = "none";
submitButton.style.display = "inline-block";
else
nextButton.style.display = "inline-block";
submitButton.style.display = "none";
function showNextSlide()
showSlide(currentSlide + 1);
function showPreviousSlide()
showSlide(currentSlide - 1);
const quizContainer = document.getElementById("quiz");
const resultsContainer = document.getElementById("results");
const submitButton = document.getElementById("submit");
buildQuiz();
const previousButton = document.getElementById("previous");
const nextButton = document.getElementById("next");
const slides = document.querySelectorAll(".slide");
let currentSlide = 0;
showSlide(0);
submitButton.addEventListener("click", showResults);
previousButton.addEventListener("click", showPreviousSlide);
nextButton.addEventListener("click", showNextSlide);
)();<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<div class="quiz-container">
<div id="quiz"></div>
</div>
<button id="previous">Previous Question</button>
<button id="next">Next Question</button>
<button id="submit">Submit Quiz</button>
<div id="results"></div>javascript jquery html
javascript jquery html
asked Nov 14 '18 at 12:54
nyepnyep
206
asked Nov 14 '18 at 12:54
nyepnyep
206
edited Nov 14 '18 at 13:20
nyep
asked Nov 14 '18 at 12:54
nyepnyep
206
asked Nov 14 '18 at 12:54
nyepnyep
206
asked Nov 14 '18 at 12:54
nyepnyep
206
206
1
jsfiddle or demo ?
– bassxzero
Nov 14 '18 at 12:58
2
your myQuestions doesn't look right - looks to be some missing brackets
– Pete
Nov 14 '18 at 13:01
The code is working you are missing brackets,comma ...etc debug properly.
– Sumesh TG
Nov 14 '18 at 13:04
@Pete yeah, that was me being stupid and misreading my own code... the original issue still persists though!
– nyep
Nov 14 '18 at 13:13
@SumeshTG that was just a transposition error. the original issue (string > 105 characters causes a problem) is still an issue
– nyep
Nov 14 '18 at 13:14
|
show 12 more comments
1
jsfiddle or demo ?
– bassxzero
Nov 14 '18 at 12:58
2
your myQuestions doesn't look right - looks to be some missing brackets
– Pete
Nov 14 '18 at 13:01
The code is working you are missing brackets,comma ...etc debug properly.
– Sumesh TG
Nov 14 '18 at 13:04
@Pete yeah, that was me being stupid and misreading my own code... the original issue still persists though!
– nyep
Nov 14 '18 at 13:13
@SumeshTG that was just a transposition error. the original issue (string > 105 characters causes a problem) is still an issue
– nyep
Nov 14 '18 at 13:14
1
1
jsfiddle or demo ?
– bassxzero
Nov 14 '18 at 12:58
jsfiddle or demo ?
– bassxzero
Nov 14 '18 at 12:58
2
2
your myQuestions doesn't look right - looks to be some missing brackets
– Pete
Nov 14 '18 at 13:01
your myQuestions doesn't look right - looks to be some missing brackets
– Pete
Nov 14 '18 at 13:01
The code is working you are missing brackets,comma ...etc debug properly.
– Sumesh TG
Nov 14 '18 at 13:04
The code is working you are missing brackets,comma ...etc debug properly.
– Sumesh TG
Nov 14 '18 at 13:04
@Pete yeah, that was me being stupid and misreading my own code... the original issue still persists though!
– nyep
Nov 14 '18 at 13:13
@Pete yeah, that was me being stupid and misreading my own code... the original issue still persists though!
– nyep
Nov 14 '18 at 13:13
@SumeshTG that was just a transposition error. the original issue (string > 105 characters causes a problem) is still an issue
– nyep
Nov 14 '18 at 13:14
@SumeshTG that was just a transposition error. the original issue (string > 105 characters causes a problem) is still an issue
– nyep
Nov 14 '18 at 13:14
|
show 12 more comments
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53300745%2fjquery-crashes-after-105-letters%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53300745%2fjquery-crashes-after-105-letters%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
jsfiddle or demo ?
– bassxzero
Nov 14 '18 at 12:58
2
your myQuestions doesn't look right - looks to be some missing brackets
– Pete
Nov 14 '18 at 13:01
The code is working you are missing brackets,comma ...etc debug properly.
– Sumesh TG
Nov 14 '18 at 13:04
@Pete yeah, that was me being stupid and misreading my own code... the original issue still persists though!
– nyep
Nov 14 '18 at 13:13
@SumeshTG that was just a transposition error. the original issue (string > 105 characters causes a problem) is still an issue
– nyep
Nov 14 '18 at 13:14