Javascript / JQuery - 页面加载后动态运行代码

Question

I am having trouble with running some javascript code, the code is:

<script type="text/javascript">
    function hidesolutions()
    {
        $('.optiondiv').hide();
    }
    hidesolutions()
</script>

The flow is:

HTML page loads User clicks a button Javascript function runs & Calls a PHP script that outputs data to the page Javascript function finishes PHP script finishes

The PHP script outputs a div with class "optiondiv" that I want to hide as soon as the PHP is done. I cannot hide it in the javascript that runs when the button is clicked as this finishes before the PHP is done.

Essentially I'm trying to insert the above script into the HTML at some random point in time, but obviously this means it does not run, so I've tried echoing it out in the PHP - does not work and I've tried putting it in the javascript, but unfortunately the javascript finishes before the PHP does and does not find anything to hide.

EDITED to make clearer as per comments.

Answer 1

I'm assuming you're using ajax to pull in your data from the php file. You'll need to call this function in the success callback of your ajax request.