Как переписать код,организовать функцию?

Question

[Indus Indusovich]

Есть такой вот код jsfiddle.net/aeznsg5s
Он использует значения переменных из php,хочу его вынести в отдельный файл джаваскрипта и оформить как функцию,но как так сделать что бы использовать переменные из пхп в джаваскрипте?и как оформить функцию?так как этот код будет исполнятся для многих елементов на странице,что бы недублировался.

Answer 1

[Виталий Инчин ☢]

На странице:

<script>
var dataObj = {
  subCat : "#<?=$subCatId?>",
  mainCat : "#<?=$mainCatId?>"
}
</script>
<script src="file.js"></script>

В file.js:

jQuery(function() {
  var $sC = jQuery(dataObj.subCat).hide();
  jQuery(dataObj.mainCat).hover(
     function(){
        $sC.show(300);
     },
     function(){
        $sC.hide();
     }
	);
});

Comments

[Indus Indusovich]

@lin4in мне кажется я как то не так добавляю обьект и в итоге у меня undefined dataObj.subCat,можете посмотреть на сайт?joobis.com/w/d/redesignbackupoct16/index.php?optio...
я добавляю через пхп на страницу обьект,добавляю файл,а в файле пишу функцию.Но у меня в файле мой обьект undefined ,что не так?dpaste.com/0MX3WHN

[Виталий Инчин ☢]

Indus Indusovich: в одинарных кавычках PHP не видит переменные!

[Indus Indusovich]

Виталий Инчин ☢: а в двойных у меня ошибка синтаксиса.Ладно вопрос неактуальный,я решил что могу генерить уникальные айдишники с помощью js,без перетаскивания переменных.Возник вопрос другой,а как я могу повешать какой то ивент на обработаный функцией айдишник https://jsfiddle.net/w6smumwm/ ?

[Виталий Инчин ☢]

Indus Indusovich: двойные нужно экранировать $str = "something=\"22\"";

Так?
https://jsfiddle.net/In4in/w6smumwm/7/

[Indus Indusovich]

Виталий Инчин ☢: да,я уже сам разобрался и сделал,все работает!Но всеравно спасибо!

Answer 2

[everliving]

Как вариант, с помощью PHP создать глобальный JS объект и потом обращаться к нему из функции.

<script>
    "window.data = {'mainCatId':". $mainCatId . ",'subCatId': ". $subCatId ."}"
</script>

jQuery(function() {
			jQuery('div#'+ window.subCatId).hide();
			jQuery('div#'+ window.mainCatId ).hover(
				function(){
					jQuery(this).find('div#' + window.subCatId).show(300);
				},
				function(){
					jQuery(this).find('div#'+ window.subCatId).hide();

				}
	);
});

Comments

[Indus Indusovich]

window.data это массив который я записываю в начале jscript файла в который я сохраняю переменные из пхп?

[everliving]

RU: да, точно, спасибо за правку.

Answer 3

[Vitaly Sivkov]

Я бы предложил вам не заниматься подобными извращениями.
Лучше навешивайте в PHP классы на нужные элементы и используйте их в JS.

jQuery(function() {
    jQuery('.sub-cat').hide();
    jQuery('.main-cat').hover(
        function(){
            jQuery(this).find('.sub-cat').show(300);
        },
        function(){
            jQuery(this).find('.sub-cat').hide();
        }
    );
}