How to open contextMenu below the clicked element always?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I am trying to open a contextMenu
on click of an element and I want it to be opened below the element always while it does not.
$.contextMenu({
selector: '.FlagsContexMenu',
trigger: 'left',
position: function (opt, x, y) {
opt.$menu.position({
my: 'right top',
at: 'right bottom',
of: opt.$trigger
});
}
});
I need it to open it as follow:-
While some times if scroll bar of a web page will be at the end then depending on the position of a scroll bar of a web page it open up as follow:
How may I achieve the first result regardless the position of a scroll bar of a web page ?
javascript jquery contextmenu
add a comment |
I am trying to open a contextMenu
on click of an element and I want it to be opened below the element always while it does not.
$.contextMenu({
selector: '.FlagsContexMenu',
trigger: 'left',
position: function (opt, x, y) {
opt.$menu.position({
my: 'right top',
at: 'right bottom',
of: opt.$trigger
});
}
});
I need it to open it as follow:-
While some times if scroll bar of a web page will be at the end then depending on the position of a scroll bar of a web page it open up as follow:
How may I achieve the first result regardless the position of a scroll bar of a web page ?
javascript jquery contextmenu
It might be helpfull to tell us which jQuery plugin you're using for this. When I check the official jQuery .contextmenu() docs, I'm fairly sure this is not what you're using.
– icecub
Jan 3 at 9:41
@icecub I am using this onehttp://swisnl.github.io/jQuery-contextMenu/docs.html
– Afnan Ahmad
Jan 3 at 9:43
Seems you have somehow mixed theposition
anddeterminePosition
options there. Take a closer look at the examples.
– icecub
Jan 3 at 9:50
add a comment |
I am trying to open a contextMenu
on click of an element and I want it to be opened below the element always while it does not.
$.contextMenu({
selector: '.FlagsContexMenu',
trigger: 'left',
position: function (opt, x, y) {
opt.$menu.position({
my: 'right top',
at: 'right bottom',
of: opt.$trigger
});
}
});
I need it to open it as follow:-
While some times if scroll bar of a web page will be at the end then depending on the position of a scroll bar of a web page it open up as follow:
How may I achieve the first result regardless the position of a scroll bar of a web page ?
javascript jquery contextmenu
I am trying to open a contextMenu
on click of an element and I want it to be opened below the element always while it does not.
$.contextMenu({
selector: '.FlagsContexMenu',
trigger: 'left',
position: function (opt, x, y) {
opt.$menu.position({
my: 'right top',
at: 'right bottom',
of: opt.$trigger
});
}
});
I need it to open it as follow:-
While some times if scroll bar of a web page will be at the end then depending on the position of a scroll bar of a web page it open up as follow:
How may I achieve the first result regardless the position of a scroll bar of a web page ?
javascript jquery contextmenu
javascript jquery contextmenu
asked Jan 3 at 9:23


Afnan AhmadAfnan Ahmad
1,89121533
1,89121533
It might be helpfull to tell us which jQuery plugin you're using for this. When I check the official jQuery .contextmenu() docs, I'm fairly sure this is not what you're using.
– icecub
Jan 3 at 9:41
@icecub I am using this onehttp://swisnl.github.io/jQuery-contextMenu/docs.html
– Afnan Ahmad
Jan 3 at 9:43
Seems you have somehow mixed theposition
anddeterminePosition
options there. Take a closer look at the examples.
– icecub
Jan 3 at 9:50
add a comment |
It might be helpfull to tell us which jQuery plugin you're using for this. When I check the official jQuery .contextmenu() docs, I'm fairly sure this is not what you're using.
– icecub
Jan 3 at 9:41
@icecub I am using this onehttp://swisnl.github.io/jQuery-contextMenu/docs.html
– Afnan Ahmad
Jan 3 at 9:43
Seems you have somehow mixed theposition
anddeterminePosition
options there. Take a closer look at the examples.
– icecub
Jan 3 at 9:50
It might be helpfull to tell us which jQuery plugin you're using for this. When I check the official jQuery .contextmenu() docs, I'm fairly sure this is not what you're using.
– icecub
Jan 3 at 9:41
It might be helpfull to tell us which jQuery plugin you're using for this. When I check the official jQuery .contextmenu() docs, I'm fairly sure this is not what you're using.
– icecub
Jan 3 at 9:41
@icecub I am using this one
http://swisnl.github.io/jQuery-contextMenu/docs.html
– Afnan Ahmad
Jan 3 at 9:43
@icecub I am using this one
http://swisnl.github.io/jQuery-contextMenu/docs.html
– Afnan Ahmad
Jan 3 at 9:43
Seems you have somehow mixed the
position
and determinePosition
options there. Take a closer look at the examples.– icecub
Jan 3 at 9:50
Seems you have somehow mixed the
position
and determinePosition
options there. Take a closer look at the examples.– icecub
Jan 3 at 9:50
add a comment |
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
});
}
});
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%2f54019395%2fhow-to-open-contextmenu-below-the-clicked-element-always%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
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.
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%2f54019395%2fhow-to-open-contextmenu-below-the-clicked-element-always%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
It might be helpfull to tell us which jQuery plugin you're using for this. When I check the official jQuery .contextmenu() docs, I'm fairly sure this is not what you're using.
– icecub
Jan 3 at 9:41
@icecub I am using this one
http://swisnl.github.io/jQuery-contextMenu/docs.html
– Afnan Ahmad
Jan 3 at 9:43
Seems you have somehow mixed the
position
anddeterminePosition
options there. Take a closer look at the examples.– icecub
Jan 3 at 9:50