【问题标题】:how is once loading(src=...) js files in .load()?如何在.load() 中加载(src=...)js 文件?
【发布时间】:2011-07-20 11:05:54
【问题描述】:

这个 html 代码是我想用 .load() 调用的 html。我想在页面标题中加载一次 js 文件。我不想再次将 js 文件加载到 html 代码中。
以下代码确实有效。但 html 代码中的其他事件 jQuery 不起作用。 我该怎么办? js:

$('#icon a').click(function (event) {
        event.preventDefault();
        var id = '#' + this.id;
        var title = $(id).attr('title');
        $(".title").toggleClass("suject").html(title);
        var url = $(id).attr('href')+' .insert';
        $('.table_show, #num_count, #select_box, #input_search').fadeOut('slow', function () {
            $('.results').load(url).hide().show("slow")
        });
    });

html:

<div class="insert">
    <form action="http://localhost/Siran-mehdi/admin/hotel/insert" method="post">

<div class="myGrid">
    <fieldset>
        <legend>اطلاعات کلی</legend>
    <div class="column">
        <div class="mediumCell"> <input type="text" name="name" placeholder="نام پکیج تور خارجی" title="نام پکیج"></div>
        <div class="mediumCell"><input type="text" name="term" placeholder="مدت" title="مدت"></div>

<div class="auto_box">
    <b class="search_hotel">
    <span></span>    
    <div class="mediumCell"><input type="text" name="search_hotel" style="float: right;" alt="<?= base_url();?>admin/" id="tour" class="auto_complete" placeholder="هتل" title="هتل" /></div>
    <ul class="list_autobox_hotel"></ul>
    </b>
</div>
<div class="auto_box">
    <b class="guide_search">
    <span></span>
    <div class="mediumCell"><input type="text" name="guide_search" style="float: right;" alt="<?= base_url();?>admin/" id="tour" class="auto_complete" placeholder="راهنما" title="ارلاین"></div>
    <ul class="list_autobox_guide"></ul>
    </b>
</div>
    </div>
    </fieldset>

    <div class="wide"><input type="button" value="ثبت" class="submit"></div>
</div>
    </form>
</div>

尊重

【问题讨论】:

  • 你到底想做什么?即时添加 JS 文件还是 HTML 文件?上面显示的 HTML 是您要调用的 html 还是正在调用的 html?
  • 你的问题不是很清楚你面临的问题是什么和/或你到底想做什么以及在实现它时面临的问题......
  • 我想在页眉中加载一次 js 文件。是的,这个 html 是我想用 .load() 调用的 html。我不想再次将 js 文件加载到 html 代码中。请帮帮我...

标签: javascript load jquery jquery-load


【解决方案1】:

我认为为此你需要使用 getScript 方法,它使用 GET HTTP 请求从服务器加载一个 JavaScript 文件,然后执行它。:

 $.getScript('ajax/test.js', function(data, textStatus){
   console.log(data); //data returned
   console.log(textStatus); //success
   console.log('Load was performed.');
});

【讨论】:

  • 有#icon的页面(html代码),头部有js文件。当那个.load()这个html代码必须再次加载js文件时(我不想再次将js文件加载到用.load()加载的页面),如何在head中加载js文件并在.load中使用它( )
  • 很抱歉,因为我看不懂,所以不得不请你重写你的陈述
【解决方案2】:

这个问题我不清楚,但可能会有所帮助

$('#icon a').click(function (event) {
        event.preventDefault();
        var id = '#' + this.id;
        var title = $(id).attr('title');
        $(".title").toggleClass("suject").html(title);
        var url = $(id).attr('href')+' .insert';
        $('.table_show, #num_count, #select_box, #input_search').fadeOut('slow',function()
         {
        var oHead = document.getElementsByTagName('HEAD').item(0);
        var oScript= document.createElement("script");
        oScript.type = "text/javascript";
        oScript.src="yourJavaScriptFile.js";
        oHead.appendChild( oScript);
            $('.results').hide(); // if the element is empty no need to do hide()
            $('.results').load(url,function(){
              $(this).show();
           });
        });
    });

【讨论】:

  • 有#icon的页面(html代码),头部有js文件。当那个.load()这个html代码必须再次加载js文件时(我不想再次将js文件加载到用.load()加载的页面),如何在head中加载js文件并在.load中使用它( )
猜你喜欢
  • 1970-01-01
  • 2016-04-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-11-12
  • 2020-07-14
  • 2013-10-26
  • 2019-01-23
相关资源
最近更新 更多