Обсуждение Как с помощью eval запустить цикличный код с возрастанием?

[Bashmak]

Как можно сгенерировать jquery и запустить код внутри js файла?

Я пробовал через eval, и в принципе работает, но цифра не возрастает.

Вот мой код:

let code = 'for(var i = 1; i <= 46; i++){$("#lcomicspage' + i + '").appear();$("#lcomicspage' + i + '").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage' + i + '\"]").prop(\"selected\", true);});}';
eval(code);

Но вместо ' + i + ' у меня выходит всегда одна и та же цифра.

А должно получиться так:

$("#lcomicspage1").appear();$("#lcomicspage1").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage1\"]").prop("selected", true);});
$("#lcomicspage2").appear();$("#lcomicspage2").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage2\"]").prop("selected", true);});
$("#lcomicspage3").appear();$("#lcomicspage3").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage3\"]").prop("selected", true);});
И так далее 46 строк должно получиться...

А у меня почему-то цифра не растёт, в чём ошибка?

 

[PunPun]

Что ты вообще пытаешься сделать?

 

[Bashmak]

Посмотреть вложение 23412

Что ты вообще пытаешься сделать?

Вот это, когда юзер достигает нужного якоря, изменяется option в select с таким же value как и якорь.
Всё уже настроено и работает, осталось только генерировать вот этот код:

$("#lcomicspage1").appear();$("#lcomicspage1").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage1\"]").prop("selected", true);});
$("#lcomicspage2").appear();$("#lcomicspage2").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage2\"]").prop("selected", true);});
$("#lcomicspage3").appear();$("#lcomicspage3").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage3\"]").prop("selected", true);});
И так далее 46 строк должно получиться...

На каждой странице количество якорей всегда разное, может быть как 46, так и 23.
И исходя из этой цифры и нужно генерировать код выше.

 

[igrovik]

Как можно сгенерировать jquery и запустить код внутри js файла?

Я пробовал через eval, и в принципе работает, но цифра не возрастает.

Вот мой код:

let code = 'for(var i = 1; i <= 46; i++){$("#lcomicspage' + i + '").appear();$("#lcomicspage' + i + '").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage' + i + '\"]").prop(\"selected\", true);});}';
eval(code);

Но вместо ' + i + ' у меня выходит всегда одна и та же цифра.

А должно получиться так:

$("#lcomicspage1").appear();$("#lcomicspage1").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage1\"]").prop("selected", true);});
$("#lcomicspage2").appear();$("#lcomicspage2").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage2\"]").prop("selected", true);});
$("#lcomicspage3").appear();$("#lcomicspage3").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage3\"]").prop("selected", true);});
И так далее 46 строк должно получиться...

А у меня почему-то цифра не растёт, в чём ошибка?

С js не сильно но может это поможет

var f = (function(){
        var code = [], i;
        for(i = 0; i < 46; i++)
        {
            (function(i)
            {
                code[i] = '$("#lcomicspage' + i + '").appear();$("#lcomicspage' + i + '").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage' + i + '\"]").prop(\"selected\", true);});';
                console.log(code[i]);
                
            })(i);
        }
        })();

вместо onsole.log(code); ставим
eval(code);
Возможно и не верный будет ответ , сильно не пинать .

 

[Bashmak]

С js не сильно но может это поможет

var f = (function(){
        var code = [], i;
        for(i = 0; i < 46; i++)
        {
            (function(i)
            {
                code[i] = '$("#lcomicspage' + i + '").appear();$("#lcomicspage' + i + '").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage' + i + '\"]").prop(\"selected\", true);});';
                console.log(code[i]);
             
            })(i);
        }
        })();

вместо onsole.log(code); ставим
eval(code);
Возможно и не верный будет ответ , сильно не пинать .

В консоль выводит норм как надо, а вот с eval не срабатывает.

console.log(code[i]); заменить на eval(code[i]);

Так надо сделать?

 

[igrovik]

В консоль выводит норм как надо, а вот с eval не срабатывает.

console.log(code[i]); заменить на eval(code[i]);

Так надо сделать?

Да

 

[Bashmak]

Да

Ок, поиграюсь с кодом дальше сам, спасибо за помощь.

 

[igrovik]

Ок, поиграюсь с кодом дальше сам, спасибо за помощь.

Не за что.

 

[PunPun]

Посмотреть вложение 23413

Вот это, когда юзер достигает нужного якоря, изменяется option в select с таким же value как и якорь.
Всё уже настроено и работает, осталось только генерировать вот этот код:

$("#lcomicspage1").appear();$("#lcomicspage1").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage1\"]").prop("selected", true);});
$("#lcomicspage2").appear();$("#lcomicspage2").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage2\"]").prop("selected", true);});
$("#lcomicspage3").appear();$("#lcomicspage3").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage3\"]").prop("selected", true);});
И так далее 46 строк должно получиться...

На каждой странице количество якорей всегда разное, может быть как 46, так и 23.
И исходя из этой цифры и нужно генерировать код выше.

А зачем EVAL???

 

[Bashmak]

А зачем EVAL???

А какие ещё есть варианты сгенерировать и запустить jQuery код?

 

[igrovik]

А какие ещё есть варианты сгенерировать и запустить jQuery код?

А какие ещё есть варианты сгенерировать и запустить jQuery код?

Можно ссылку в лс на страницу где пытаетесь запустить код ?

 

[Bashmak]

Можно ссылку в лс на страницу где пытаетесь запустить код ?

Отправил.

Я там вставил в код alert("Test' + i + '"); чтобы проверить срабатывает скрипт или нет, и он не срабатывает, так как алерт не выводится.

code[i] = 'alert("Test' + i + '");$("#lcomicspage' + i + '").appear();$("#lcomicspage' + i + '").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage' + i + '\"]").prop("selected", true);});';

Но если удалить всю остальную часть и оставить только алерт, вот так:

code[i] = 'alert("Test' + i + '");';

Тогда норм срабатывает, и всплывает 43 алерта 🙂

Но почему не запускается алерт с остальным кодом, я вот понять не могу.

 

[igrovik]

Отправил.

Я там вставил в код alert("Test' + i + '"); чтобы проверить срабатывает скрипт или нет, и он не срабатывает, так как алерт не выводится.

code[i] = 'alert("Test' + i + '");$("#lcomicspage' + i + '").appear();$("#lcomicspage' + i + '").on("appear", function(event, $all_appeared_elements) {$("#reader-pages option[value=\"#comicspage' + i + '\"]").prop("selected", true);});';

Но если удалить всю остальную часть и оставить только алерт, вот так:

code[i] = 'alert("Test' + i + '");';

Тогда норм срабатывает, и всплывает 43 алерта 🙂

Но почему не запускается алерт с остальным кодом, я вот понять не могу.

в консоле вылетает ошибка Uncaught SyntaxError: missing ) after argument list при просмотре ошибки оказывается что возникает она в данном месте $("#reader-pages option[value="#comicspage1"]").prop("selected", true);});

 

[Bashmak]

в консоле вылетает ошибка Uncaught SyntaxError: missing ) after argument list при просмотре ошибки оказывается что возникает она в данном месте $("#reader-pages option[value="#comicspage1"]").prop("selected", true);});

Хм, может в кавычках дело, но я вроде сделал экранирование.

 

[Bashmak]

Да, точно, попробовал изменить кавычки на одинарные и добавил экранирование вот так

$(\'#reader-pages option[value=\"#comicspage' + i + '\"]\')

И теперь работает, спасибо ещё раз 🙂

 

[igrovik]

Да, точно, попробовал изменить кавычки на одинарные и добавил экранирование вот так

$(\'#reader-pages option[value=\"#comicspage' + i + '\"]\')

И теперь работает, спасибо ещё раз 🙂

Не за что .

 

[TeraMoune]

А в чём суть переменной f и ненужного массива под код, он же вроде как не несёт функции или массив потом еще где-то используется ? Да и переменная самоисполняемая, что тоже озадачивает.

 

[igrovik]

А в чём суть переменной f и ненужного массива под код, он же вроде как не несёт функции или массив потом еще где-то используется ? Да и переменная самоисполняемая, что тоже озадачивает.

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

 

[TeraMoune]

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

Ну хоть мысли то должны быть ?)

Просто прописать прямой код в место назначения и он исполнится без всяких eval, а если уж отложка нужна то вот тут как раз и в функцию поместить код, опять же без всяких
let code ... с последующим eval. Не пробовали ?

 

[igrovik]

Ну хоть мысли то должны быть ?)

Просто прописать прямой код в место назначения и он исполнится без всяких eval, а если уж отложка нужна то вот тут как раз и в функцию поместить код, опять же без всяких
let code ... с последующим eval. Не пробовали ?

Ещё раз повторюсь, имеете лучше решение выложите его для человека, если вы имеете дело с js. Я с ним встречаюсь не так часто что бы знать все что с ним связано, поэтому.
Да конечно можно было бы сделать проще

for(i = 0; i < 46; i++)
        { $("#lcomicspage' + i + '").appear();'; и т.д и т.п }

Но вопрос был каков ? Связан с eval верно ? Я не Ванга что бы знать для какого маневра нужно это человеку.
Если не прав то соизвольте простить, следующий раз буду ожидать Вашей помощи людям, далее разрешите откланятся.