jQuery - calling a javascript function

Question

function initiate()
{

    $("p").text("Hi", Hello());
}

function Hello()
{
    alert("Hello, you have called another function");
}

HTML:

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button onclick="initiate()">Click me</button>

Right now the script calls the function initiate() upon the button click, and then the other function, Hello() is called, while changing all paragraphs in the html to "Hi".

What I would like is that the function Initiate() will call the function Hello() using jQuery, and do nothing else.

(In other words, how do I simply call a function using jQuery?)

Well, how do you call a function in JavaScript?

Ja͢ck
– Ja͢ck

2013-03-06 13:53:14 +00:00
Commented Mar 6, 2013 at 13:53 — Ja͢ck
– Ja͢ck, Commented Mar 6, 2013 at 13:53

Adil · Accepted Answer · 2013-03-06 13:12:10Z

3

You could not pass callback function to text(). Call the hello method after changing the text.

Live Demo

Change

$("p").text("Hi", Hello());

To

$("p").text("Hi");
Hello();

edited Mar 6, 2013 at 13:12

answered Mar 6, 2013 at 13:01

Adil

148k25 gold badges217 silver badges207 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

frrlod Over a year ago

That doesn't seem to work for me, it doesn't call the function Hello() - what I would like is to call the function without having to change the <p> elements.

StormBeast · Accepted Answer · 2013-03-06 13:13:30Z

2

I would say you don't really need jquery for this, but if you are dead set on using it, you should re-evaluate your logic here. Give your button an id first, you don't need it, but it's good to do it anyway:

<button id="btnClickMe">Click Me<button>

then, use that to trigger a jquery event on, thus calling your function:

$('#btnClickMe').click(function() { //You can either link directly to a func here
alert('Whatever'); //Or you can write the code for your func directly into the handler here
});

answered Mar 6, 2013 at 13:13

StormBeast

867 bronze badges

Comments

Evan Knowles · Accepted Answer · 2013-03-06 13:04:44Z

2

If you only want to call Hello() from Initiate(), you simply call it as follows:

function initiate()
{

    Hello();
}

answered Mar 6, 2013 at 13:04

Evan Knowles

7,5592 gold badges41 silver badges73 bronze badges

4 Comments

James Hill Over a year ago

He doesn't just want to call Hello, he wants to set the text on a paragraph to Hi as well.

frrlod Over a year ago

This is what I'd like to do, just with jQuery. is that possible?

Evan Knowles Over a year ago

I'm confused, do you want to set the text on the paragraph? If so, what was wrong with the initial code? Otherwise, jQuery is in javascript, so you can use normal javascript syntax within jQuery.

Ja͢ck Over a year ago

+1. Exactly what OP wants: "the function Initiate() will call the function Hello() using jQuery, and do nothing else."

Esailija · Accepted Answer · 2013-03-06 13:07:28Z

0

What I would like is that the function Initiate() will call the function Hello() using jQuery, and do nothing else.

You don't need to call the function using jQuery, you can just call it.

function initiate()
{

    $("p").text("Hi");
    Hello();
}

The function argument taken by .text is not the second argument and neither is it for calling that function like you are trying to do. It is for setting the text of each paragraph individually by returning a value from the passed function. Since you want the text "Hi" in each paragraph, you can just use $("p").text("Hi").

answered Mar 6, 2013 at 13:07

Esailija

140k24 gold badges280 silver badges328 bronze badges

Comments

Kevin Bowersox · Accepted Answer · 2013-03-06 13:10:57Z

0

This will attach an event handler that is fired when the button is clicked. You will not need the initialize function anymore nor will you need to set the text on the p. I'm having trouble discerning what you would like, however I think you may just want to call the function on a simple click of the button.

$(document).ready(function(){
  $("button").click(function(){
     Hello();
  });
});

answered Mar 6, 2013 at 13:10

Kevin Bowersox

94.6k19 gold badges164 silver badges198 bronze badges

Collectives™ on Stack Overflow

jQuery - calling a javascript function

5 Answers 5

1 Comment

Comments

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related