jQuery .click event not Working_问答_开发者_运维开发者技术经验分享

开发者 https://www.devze.com 2023-02-19 06:01 出处：网络

Here is script I used <script type=\"text/javascript\"> $(document).ready(function() { $(\"#dialog\").dialog({

相关专题：jquery-ui

Here is script I used

<script type="text/javascript">
$(document).ready(function() {
  $("#dialog").dialog({
    autoOpen: true,
    height: 300,
    width: 350,
    modal: true,
    buttons: {
      'Calling': function(){},
      'Cancel' :  function(){
        $(this).dialog('close');
      }
    }
开发者_开发问答  });

  $('#id_call').click(function() {
    $("#dialog").dialog("open");
  });
});
</script>

In this one button is used to show the dialog

<button id="id_call">Click to Call</button>

But click event is not working...

Can you bind the event like this instead?

$('#id_call').bind('click', function() { $("#dialog").dialog("open"); });

you can try this: http://jsfiddle.net/K2C4n/

I changed autoOpen: false

HTML:

<html>
  <head>        
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
</head>
<body>

  <button id="id_call">Click to Call</button>

  <div id="dialog" title="Dialog Title">I'm in a dialog</div>

</body>
</html>

jQuery:

$(document).ready(function() {
 $("#dialog").dialog({
autoOpen: false,
height: 300,
width: 350,
modal: true,
buttons: {
  'Calling': function(){},
  'Cancel' :  function(){
    $(this).dialog('close');
  }
  }
  });

 $('#id_call').click(function() {
   $("#dialog").dialog("open");
 });
});

EDIT: Don't forget to include jQuery and jQueryUI.

It's possible you may have another HTML node with the same ID? jQuery essentially uses .getElementyById() which only returns one node for that ID regardless of how many nodes have that particular ID.