我的脚本有什么问题？

Question

What is wrong in my small script when I press the jquery button. It does not open the url. I'm missing a comma some where.

<script type='text/javascript'>
  $('#include-from-outside').load('https://www.*******.com');
</script>

<a href="#" class="easyui-linkbutton" onclick="addTab('jquery','<div id='include-from-outside'></div>')">jquery</a>

Answer 1

您需要将 ID 的'更改为\\" :-

<a href="#" class="easyui-linkbutton" onclick="addTab('jquery','<div id=\"include-from-outside\"></div>')">jquery</a>

Answer 2

I see a few potential issues with this.. the onclick="addTab(...);

In your script you want to create a function that it is calling. I pulled up the jqueryeasyui page, and looked into the function you were calling.. Try adding this to your page.

<script>
function addTab(title, url){
    if ($('#tt').tabs('exists', title)){
        $('#tt').tabs('select', title);
    } else {
        var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
        $('#tt').tabs('add',{
            title:title,
            content:content,
            closable:true
        });
    }
}
</script>

In general.. an onclick="addTab()" <-- will call the addTab function in your script. So when you create the function above, this will handle the variables you are passing into it.

Answer 3

Since you are passing a static html as a parameter, you don't need it as a parameter to javascript function. Also, you can embed the click event in your href .

<a href="javascript:addTab('jquery');" class="easyui-linkbutton">jquery</a>
<script>
function addTab(language)
{  
    var html = "<div id='include-from-outside'></div>";
    alert(language);
}
</script>