jquery mobile将超链接替换为另一个超链接_Jquery_Css_Jquery Mobile

jquery mobile将超链接替换为另一个超链接

jquery css jquery-mobile

jquery mobile将超链接替换为另一个超链接,jquery,css,jquery-mobile,Jquery,Css,Jquery Mobile,我需要用另一个a标记替换某个类的html“a”标记这是我的密码 <html> <head> <script type="text/javascript"src="jquery.mobile-1.3.0"></script> <link rel="stylesheet" href="jquery.mobile-1.3.0" type="text/css"> <script type="text/javascript" src=

我需要用另一个a标记替换某个类的html“a”标记

这是我的密码

<html>
<head>

<script type="text/javascript"src="jquery.mobile-1.3.0"></script>
<link rel="stylesheet" href="jquery.mobile-1.3.0" type="text/css">

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

$('.list1').replaceWith('<a class="list3" href="#">link3</a>');
</script>

</head>

<body>

<h1> hello world </h1>

<div class="content-page" >
  <div class="list-page">
    <a class="list1" href="#">link1</a>
    <a class="list2" href="#">link2</a>  
  </div>
</div>
</body>

</html>


$（'.list1'）。替换为（''）；
你好，世界

我使用了jQueryReplaceWith函数，但令我失望的是，在这种情况下它对我不起作用。非常感谢您的帮助。谢谢。

解决方案：

<html>
<head>
    <!-- STYLESHEETS //-->
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <!-- JavaScripts //-->
    <script src="http://www.dragan-gaic.info/js/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>   
    <script type="text/javascript">
    $(document).ready(function() {
        $('.list1').replaceWith('<a class="list3" href="#">link3</a>');
    }); 
    </script>
</head>
<body>
<h1> hello world </h1>
<div class="content-page" >
  <div class="list-page">
    <a class="list1" href="#">link1</a>
    <a class="list2" href="#">link2</a>  
  </div>
</div>
</body>


$（文档）.ready（函数（）{
$（'.list1'）。替换为（''）；
}); 
你好，世界

您需要将代码包装到文档中

或者，如果您想要jQuery移动版：

<html>
<head>
    <!-- STYLESHEETS //-->
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <!-- JavaScripts //-->
    <script src="http://www.dragan-gaic.info/js/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>   
    <script type="text/javascript">
    $(document).on('pagebeforeshow', '.content-page', function() {
        $('.list1').replaceWith('<a class="list3" href="#">link3</a>');
    }); 
    </script>
</head>
<body>
<h1> hello world </h1>
<div class="content-page" data-role="page">
  <div class="list-page">
    <a class="list1" href="#">link1</a>
    <a class="list2" href="#">link2</a>  
  </div>
</div>
</body>


$（文档）.on（'pagebeforeshow'，'.content page'，function（））{
$（'.list1'）。替换为（''）；
}); 
你好，世界

编辑：

在您的示例中，替换以下行：

<script type="text/javascript"src="jquery.mobile-1.3.0"></script>
<link rel="stylesheet" href="jquery.mobile-1.3.0" type="text/css">
<script type="text/javascript" src="jquery.js"></script>

用这句话：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<!-- JavaScripts //-->
<script src="http://www.dragan-gaic.info/js/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"</script>


解决方案：
<html>
<head>
    <!-- STYLESHEETS //-->
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <!-- JavaScripts //-->
    <script src="http://www.dragan-gaic.info/js/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>   
    <script type="text/javascript">
    $(document).ready(function() {
        $('.list1').replaceWith('<a class="list3" href="#">link3</a>');
    }); 
    </script>
</head>
<body>
<h1> hello world </h1>
<div class="content-page" >
  <div class="list-page">
    <a class="list1" href="#">link1</a>
    <a class="list2" href="#">link2</a>  
  </div>
</div>
</body>


$（文档）.ready（函数（）{
$（'.list1'）。替换为（''）；
}); 
你好，世界

您需要将代码包装到文档中
或者，如果您想要jQuery移动版：
<html>
<head>
    <!-- STYLESHEETS //-->
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <!-- JavaScripts //-->
    <script src="http://www.dragan-gaic.info/js/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>   
    <script type="text/javascript">
    $(document).on('pagebeforeshow', '.content-page', function() {
        $('.list1').replaceWith('<a class="list3" href="#">link3</a>');
    }); 
    </script>
</head>
<body>
<h1> hello world </h1>
<div class="content-page" data-role="page">
  <div class="list-page">
    <a class="list1" href="#">link1</a>
    <a class="list2" href="#">link2</a>  
  </div>
</div>
</body>


$（文档）.on（'pagebeforeshow'，'.content page'，function（））{
$（'.list1'）。替换为（''）；
}); 
你好，世界

编辑：
在您的示例中，替换以下行：
<script type="text/javascript"src="jquery.mobile-1.3.0"></script>
<link rel="stylesheet" href="jquery.mobile-1.3.0" type="text/css">
<script type="text/javascript" src="jquery.js"></script>



用这句话：
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<!-- JavaScripts //-->
<script src="http://www.dragan-gaic.info/js/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"</script>  


此外，在DOM操作之后，最好使用以下命令。这样做是为了将JQuery移动CSS应用回元素
    $(":jqmData(role='page')").trigger('create');

或者具体地说
    $(".list-page").trigger('create');

如果要刷新DOM中特定部分的CSS
 此外，在DOM操作之后，最好使用以下命令。这样做是为了将JQuery移动CSS应用回元素
    $(":jqmData(role='page')").trigger('create');

或者具体地说
    $(".list-page").trigger('create');

如果要刷新DOM中特定部分的CSS
 当我使用jquery语句时，它不起作用。但是当我复制你的全部代码时，它工作了。我错过了什么（你说的是我的第一个或第二个示例？两者都有。当我用你的jquery代码行替换我的jquery代码行时，它不起作用。请帮助我。我将在我的答案中添加另一段。当我使用你的jquery语句时，它不起作用。但当我复制你的整个代码时，它起作用了。我在这里遗漏了什么？：（你是在说我的第一个还是第二个示例？两者都有。当我用你的jquery代码行替换我的jquery代码行时，它不起作用。请帮助我。我将在我的答案中添加另一个片段。）。