CODEWITHSUNDEEP
javascriptjqueryhtmlgreasemonkey
BotistSab
BotistSab

Reputation: 31

jQuery .click() not working, while other jQuery functions do

I'm trying to create a Greasemonkey userscript that will click on one of the divs on the page. They don't refer to a link, more likely a JS/Ajax function, but I can't tell if that is true. So the problem is that this script does nothing. Jquery functions like .remove() work, but .click() does not. What exactly is wrong? I tried searching questions on this topic, but none seemed to help.

Code on page:

        <div style="display: block;" class="oitm">
            <div class="item">
            <img class="smallimg" src="">
    </div></div>
 <div style="display: none;" class="oitm">
            <div class="item">
            <img class="smallimg" src="">
    </div></div>

My code:

$( document ).ready(function() {
       var reqItem = $('.oitm[style*="display: block"]');
      $(reqItem).click();
});

Please note, that

reqItem.click();

does not work as well.

Upd: there is also a jquery code, but it's placed outside of the elements I posted above (#offer.left is an element where a clicked item is supposed to show up after it's clicked).

<script>
$("#offer").on( "click", ".item", function() {
    if ($('#offer .left').children().size() < 9) {
        $(this).parent().appendTo('#offer .left');
    }
});
</script>

Upvotes: 0

Views: 91

Answers (3)

Guffa
Guffa

Reputation: 700182

A selector that looks at the style attribute only works for browsers that format the style in exactly that way, or leaves the attribute in the original format when the code is parsed. You can use the :visible selector to find the visible elements:

var reqItem = $('.oitm:visible');

Upvotes: 0

angelcool.net
angelcool.net

Reputation: 2546

Your code works fine:

<div style="display: block;" class="oitm">
      <div class="item">Top Div
           <img class="smallimg" src="">
      </div>
</div>
 <div style="display: none;" class="oitm">
      <div class="item">Bottom Div
            <img class="smallimg" src="">
      </div>
</div>

$( document ).ready(function() {

    var reqItem = $('.oitm[style*="display: block"]').click();

    $(reqItem).on('click',function(){ alert('I was clicked'); });

    $(reqItem).click();

});

https://jsfiddle.net/7xnLoumt/

Upvotes: 0

divix
divix

Reputation: 1364

Your code works as expected: http://jsfiddle.net/5zddqx28/ .

JS:

$( document ).ready(function() {

    $('.oitm[style*="display: block"]').click(function() {
        alert('clicked');
    });

    var reqItem = $('.oitm[style*="display: block"]');

    $(reqItem).click();

});

Make sure you put onclick listener before your .click(); call.

Upvotes: 1

Related Questions