Как использовать 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>
Решение
В дополнение к перемещению вашего кода после 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’), но я не думаю, что они у вас есть, поэтому они будут показаны как неработающие ссылки.
Другие решения
Вы вызываете код до того, как элемент существует. Если элемент не существует во время выполнения кода, он просто тихо потерпит неудачу
Либо переместите свой тег сценария в конец <body> поэтому html, на который он ссылается, предшествует этому или оберните код следующим образом:
$(function(){
$('.testButton').contextMenu(menu);
});
Увидеть: готовые () документы
detector