Как использовать contextMenu.js

Я пытался выяснить, как использовать плагин contextMenu.js из s-yadav.

Я скачал файлы js и css и сохранил их в той же папке, что и мой скрипт php.

Примеры для плагина находятся на этой странице: http://ignitersworld.com/lab/contextMenu.html#demo

Однако я изо всех сил пытаюсь выяснить, как их активировать на странице. Я предполагаю, что мне нужно вызвать плагин, а затем скрипт должен переходить между тегами.

Однако это ничего не дает. Код ниже. Может кто-то указать мне верное направление?

Спасибо

<head>
<link rel="stylesheet" type="text/css" href="contextMenu.css" />
<script src="contextMenu.js"></script>
</head>

<body>
<script>
//For example we are defining menu in object. You can also define it on Ul list. See on documentation.
var menu = [{
name: 'create',
img: 'images/create.png',
title: 'create button',
fun: function () {
alert('i am add button')
}
}, {
name: 'update',
img: 'images/update.png',
title: 'update button',
fun: function () {
alert('i am update button')
}
}, {
name: 'delete',
img: 'images/delete.png',
title: 'delete button',
fun: function () {
alert('i am delete button')
}
}];

//Calling context menu
$('.testButton').contextMenu(menu);
</script>

<div id="testButton1" class="testButton iw-mTrigger">Click me</div>
</body>

0

Решение

В дополнение к перемещению вашего кода после div «Click me» вам необходимо добавить библиотеку jQuery перед contextmenu.js.
Например:

<head>
<link rel="stylesheet" type="text/css" href="contextMenu.css" />

<script type="text/javascript"src=" http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.1.min.js">
</script>

<script src="contextMenu.js"></script>
</head>

Также в вашем коде есть ссылки на изображения (например, img: ‘images / update.png’), но я не думаю, что они у вас есть, поэтому они будут показаны как неработающие ссылки.

1

Другие решения

Вы вызываете код до того, как элемент существует. Если элемент не существует во время выполнения кода, он просто тихо потерпит неудачу

Либо переместите свой тег сценария в конец <body> поэтому html, на который он ссылается, предшествует этому или оберните код следующим образом:

$(function(){
$('.testButton').contextMenu(menu);
});

Увидеть: готовые () документы

0

По вопросам рекламы [email protected]